.row { box-sizing:border-box; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex:0 1 auto; -webkit-box-flex:0; flex:0 1 auto; -ms-flex-direction:row; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-1rem; margin-left:-1rem } .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { box-sizing:border-box; -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; padding-right:1rem; padding-left:1rem } .col-xs { -webkit-flex-grow:1; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-preferred-size:0; flex-basis:0; max-width:100% } .col-xs-1 { -ms-flex-preferred-size:8.333%; flex-basis:8.333%; max-width:8.333% } .col-xs-2 { -ms-flex-preferred-size:16.667%; flex-basis:16.667%; max-width:16.667% } .col-xs-3 { -ms-flex-preferred-size:25%; flex-basis:25%; max-width:25% } .col-xs-4 { -ms-flex-preferred-size:33.333%; flex-basis:33.333%; max-width:33.333% } .col-xs-5 { -ms-flex-preferred-size:41.667%; flex-basis:41.667%; max-width:41.667% } .col-xs-6 { -ms-flex-preferred-size:50%; flex-basis:50%; max-width:50% } .col-xs-7 { -ms-flex-preferred-size:58.333%; flex-basis:58.333%; max-width:58.333% } .col-xs-8 { -ms-flex-preferred-size:66.667%; flex-basis:66.667%; max-width:66.667% } .col-xs-9 { -ms-flex-preferred-size:75%; flex-basis:75%; max-width:75% } .col-xs-10 { -ms-flex-preferred-size:83.333%; flex-basis:83.333%; max-width:83.333% } .col-xs-11 { -ms-flex-preferred-size:91.667%; flex-basis:91.667%; max-width:91.667% } .col-xs-12 { -ms-flex-preferred-size:100%; flex-basis:100%; max-width:100% } .start-xs { -ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start; text-align:start } .center-xs { -ms-flex-pack:center; -webkit-box-pack:center; justify-content:center; text-align:center } .end-xs { -ms-flex-pack:end; -webkit-box-pack:end; justify-content:flex-end; text-align:end } .top-xs { -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start } .bottom-xs { -ms-flex-align:end; -webkit-box-align:end; align-items:flex-end } .first-xs { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1 } .last-xs { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1 } @media only screen and (min-width:48em) { .container { width:46rem } .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { box-sizing:border-box; -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; padding-right:1rem; padding-left:1rem } .col-sm { -webkit-flex-grow:1; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-preferred-size:0; flex-basis:0; max-width:100% } .col-sm-1 { -ms-flex-preferred-size:8.333%; flex-basis:8.333%; max-width:8.333% } .col-sm-2 { -ms-flex-preferred-size:16.667%; flex-basis:16.667%; max-width:16.667% } .col-sm-3 { -ms-flex-preferred-size:25%; flex-basis:25%; max-width:25% } .col-sm-4 { -ms-flex-preferred-size:33.333%; flex-basis:33.333%; max-width:33.333% } .col-sm-5 { -ms-flex-preferred-size:41.667%; flex-basis:41.667%; max-width:41.667% } .col-sm-6 { -ms-flex-preferred-size:50%; flex-basis:50%; max-width:50% } .col-sm-7 { -ms-flex-preferred-size:58.333%; flex-basis:58.333%; max-width:58.333% } .col-sm-8 { -ms-flex-preferred-size:66.667%; flex-basis:66.667%; max-width:66.667% } .col-sm-9 { -ms-flex-preferred-size:75%; flex-basis:75%; max-width:75% } .col-sm-10 { -ms-flex-preferred-size:83.333%; flex-basis:83.333%; max-width:83.333% } .col-sm-11 { -ms-flex-preferred-size:91.667%; flex-basis:91.667%; max-width:91.667% } .col-sm-12 { -ms-flex-preferred-size:100%; flex-basis:100%; max-width:100% } .start-sm { -ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start; text-align:start } .center-sm { -ms-flex-pack:center; -webkit-box-pack:center; justify-content:center; text-align:center } .end-sm { -ms-flex-pack:end; -webkit-box-pack:end; justify-content:flex-end; text-align:end } .top-sm { -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start } .bottom-sm { -ms-flex-align:end; -webkit-box-align:end; align-items:flex-end } .first-sm { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1 } .last-sm { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1 } } @media only screen and (min-width:62em) { .container { width:61rem } .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { box-sizing:border-box; -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; padding-right:1rem; padding-left:1rem } .col-md { -webkit-flex-grow:1; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-preferred-size:0; flex-basis:0; max-width:100% } .col-md-1 { -ms-flex-preferred-size:8.333%; flex-basis:8.333%; max-width:8.333% } .col-md-2 { -ms-flex-preferred-size:16.667%; flex-basis:16.667%; max-width:16.667% } .col-md-3 { -ms-flex-preferred-size:25%; flex-basis:25%; max-width:25% } .col-md-4 { -ms-flex-preferred-size:33.333%; flex-basis:33.333%; max-width:33.333% } .col-md-5 { -ms-flex-preferred-size:41.667%; flex-basis:41.667%; max-width:41.667% } .col-md-6 { -ms-flex-preferred-size:50%; flex-basis:50%; max-width:50% } .col-md-7 { -ms-flex-preferred-size:58.333%; flex-basis:58.333%; max-width:58.333% } .col-md-8 { -ms-flex-preferred-size:66.667%; flex-basis:66.667%; max-width:66.667% } .col-md-9 { -ms-flex-preferred-size:75%; flex-basis:75%; max-width:75% } .col-md-10 { -ms-flex-preferred-size:83.333%; flex-basis:83.333%; max-width:83.333% } .col-md-11 { -ms-flex-preferred-size:91.667%; flex-basis:91.667%; max-width:91.667% } .col-md-12 { -ms-flex-preferred-size:100%; flex-basis:100%; max-width:100% } .start-md { -ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start; text-align:start } .center-md { -ms-flex-pack:center; -webkit-box-pack:center; justify-content:center; text-align:center } .end-md { -ms-flex-pack:end; -webkit-box-pack:end; justify-content:flex-end; text-align:end } .top-md { -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start } .bottom-md { -ms-flex-align:end; -webkit-box-align:end; align-items:flex-end } .first-md { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1 } .last-md { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1 } } @media only screen and (min-width:75em) { .container { width:71rem } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { box-sizing:border-box; -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; padding-right:1rem; padding-left:1rem } .col-lg { -webkit-flex-grow:1; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; -ms-flex-preferred-size:0; flex-basis:0; max-width:100% } .col-lg-1 { -ms-flex-preferred-size:8.333%; flex-basis:8.333%; max-width:8.333% } .col-lg-2 { -ms-flex-preferred-size:16.667%; flex-basis:16.667%; max-width:16.667% } .col-lg-3 { -ms-flex-preferred-size:25%; flex-basis:25%; max-width:25% } .col-lg-4 { -ms-flex-preferred-size:33.333%; flex-basis:33.333%; max-width:33.333% } .col-lg-5 { -ms-flex-preferred-size:41.667%; flex-basis:41.667%; max-width:41.667% } .col-lg-6 { -ms-flex-preferred-size:50%; flex-basis:50%; max-width:50% } .col-lg-7 { -ms-flex-preferred-size:58.333%; flex-basis:58.333%; max-width:58.333% } .col-lg-8 { -ms-flex-preferred-size:66.667%; flex-basis:66.667%; max-width:66.667% } .col-lg-9 { -ms-flex-preferred-size:75%; flex-basis:75%; max-width:75% } .col-lg-10 { -ms-flex-preferred-size:83.333%; flex-basis:83.333%; max-width:83.333% } .col-lg-11 { -ms-flex-preferred-size:91.667%; flex-basis:91.667%; max-width:91.667% } .col-lg-12 { -ms-flex-preferred-size:100%; flex-basis:100%; max-width:100% } .start-lg { -ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start; text-align:start } .center-lg { -ms-flex-pack:center; -webkit-box-pack:center; justify-content:center; text-align:center } .end-lg { -ms-flex-pack:end; -webkit-box-pack:end; justify-content:flex-end; text-align:end } .top-lg { -ms-flex-align:start; -webkit-box-align:start; align-items:flex-start } .bottom-lg { -ms-flex-align:end; -webkit-box-align:end; align-items:flex-end } .first-lg { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1 } .last-lg { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1 } } /*! * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */.fa, .fas { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1 } .fa-lg { font-size:1.33333em; line-height:.75em; vertical-align:-.0667em } .fa-xs { font-size:.75em } .fa-sm { font-size:.875em } .fa-1x { font-size:1em } .fa-2x { font-size:2em } .fa-3x { font-size:3em } .fa-4x { font-size:4em } .fa-5x { font-size:5em } .fa-6x { font-size:6em } .fa-7x { font-size:7em } .fa-8x { font-size:8em } .fa-9x { font-size:9em } .fa-10x { font-size:10em } .fa-ul { list-style-type:none; margin-left:2.5em; padding-left:0 } .fa-ul>li { position:relative } .fa-li { left:-2em; position:absolute; text-align:center; width:2em; line-height:inherit } .fa-border { border:.08em solid #eee; border-radius:.1em; padding:.2em .25em .15em } @keyframes a { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes a { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } .fa-rotate-90 { -webkit-transform:rotate(90deg); transform:rotate(90deg) } .fa-rotate-180 { -webkit-transform:rotate(180deg); transform:rotate(180deg) } .fa-rotate-270 { -webkit-transform:rotate(270deg); transform:rotate(270deg) } :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { -webkit-filter:none; filter:none } .fa-500px:before { content:"\f26e" } .fa-address-card:before { content:"\f2bb" } .fa-align-center:before { content:"\f037" } .fa-align-left:before { content:"\f036" } .fa-align-right:before { content:"\f038" } .fa-amazon:before { content:"\f270" } .fa-android:before { content:"\f17b" } .fa-app-store:before { content:"\f36f" } .fa-app-store-ios:before { content:"\f370" } .fa-apple:before { content:"\f179" } .fa-audio-description:before { content:"\f29e" } .fa-bold:before { content:"\f032" } .fa-camera:before { content:"\f030" } .fa-car:before { content:"\f1b9" } .fa-cart-plus:before { content:"\f217" } .fa-cc-paypal:before { content:"\f1f4" } .fa-check:before { content:"\f00c" } .fa-child:before { content:"\f1ae" } .fa-chrome:before { content:"\f268" } .fa-css3:before { content:"\f13c" } .fa-css3-alt:before { content:"\f38b" } .fa-d-and-d:before { content:"\f38d" } .fa-facebook:before { content:"\f09a" } .fa-facebook-f:before { content:"\f39e" } .fa-filter:before { content:"\f0b0" } .fa-fire:before { content:"\f06d" } .fa-font:before { content:"\f031" } .fa-google:before { content:"\f1a0" } .fa-google-drive:before { content:"\f3aa" } .fa-google-play:before { content:"\f3ab" } .fa-google-plus:before { content:"\f2b3" } .fa-google-plus-g:before { content:"\f0d5" } .fa-home:before { content:"\f015" } .fa-html5:before { content:"\f13b" } .fa-i-cursor:before { content:"\f246" } .fa-id-card:before { content:"\f2c2" } .fa-image:before { content:"\f03e" } .fa-images:before { content:"\f302" } .fa-indent:before { content:"\f03c" } .fa-instagram:before { content:"\f16d" } .fa-italic:before { content:"\f033" } .fa-itunes:before { content:"\f3b4" } .fa-js:before { content:"\f3b8" } .fa-key:before { content:"\f084" } .fa-line:before { content:"\f3c0" } .fa-link:before { content:"\f0c1" } .fa-list:before { content:"\f03a" } .fa-list-alt:before { content:"\f022" } .fa-list-ol:before { content:"\f0cb" } .fa-list-ul:before { content:"\f0ca" } .fa-map:before { content:"\f279" } .fa-medium:before { content:"\f23a" } .fa-medium-m:before { content:"\f3c7" } .fa-microsoft:before { content:"\f3ca" } .fa-mobile:before { content:"\f10b" } .fa-mobile-alt:before { content:"\f3cd" } .fa-music:before { content:"\f001" } .fa-ns8:before { content:"\f3d5" } .fa-object-group:before { content:"\f247" } .fa-page4:before { content:"\f3d7" } .fa-paw:before { content:"\f1b0" } .fa-paypal:before { content:"\f1ed" } .fa-percent:before { content:"\f295" } .fa-pinterest:before { content:"\f0d2" } .fa-pinterest-p:before { content:"\f231" } .fa-play:before { content:"\f04b" } .fa-plus:before { content:"\f067" } .fa-quote-left:before { content:"\f10d" } .fa-quote-right:before { content:"\f10e" } .fa-random:before { content:"\f074" } .fa-rebel:before { content:"\f1d0" } .fa-safari:before { content:"\f267" } .fa-search:before { content:"\f002" } .fa-search-plus:before { content:"\f00e" } .fa-sign-in-alt:before { content:"\f2f6" } .fa-sign-out-alt:before { content:"\f2f5" } .fa-spinner:before { content:"\f110" } .fa-tag:before { content:"\f02b" } .fa-text-height:before { content:"\f034" } .fa-text-width:before { content:"\f035" } .fa-times:before { content:"\f00d" } .fa-twitter:before { content:"\f099" } .fa-underline:before { content:"\f0cd" } .fa-upload:before { content:"\f093" } .fa-video:before { content:"\f03d" } .fa-vk:before { content:"\f189" } .fa-wikipedia-w:before { content:"\f266" } .fa-window-close:before { content:"\f410" } .fa-xbox:before { content:"\f412" } @font-face { font-family:Font Awesome\ 5 Brands; font-style:normal; font-weight:400; src:url(../webfonts/fa-brands-400.eot); src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg") } @font-face { font-family:Font Awesome\ 5 Free; font-style:normal; font-weight:400; src:url(../webfonts/fa-regular-400.eot); src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg") } @font-face { font-family:Font Awesome\ 5 Free; font-style:normal; font-weight:900; src:url(../webfonts/fa-solid-900.eot); src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2) format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"), url(../webfonts/fa-solid-900.ttf) format("truetype"), url(../webfonts/fa-solid-900.svg#fontawesome) format("svg") } .fa, .fas { font-family:Font Awesome\ 5 Free } .fa, .fas { font-weight:900 } /*! normalize.css v1.1.3 | MIT License | git.io/normalize */article, aside, details, footer, header, main, nav, section { display:block } audio, video { display:inline-block } audio:not([controls]) { display:none; height:0 } [hidden] { display:none } html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } button, html, input, select { font-family:sans-serif } body { margin:0 } a:focus { outline:dotted thin } a:active, a:hover { outline:0 } h1 { font-size:2em; margin:.67em 0 } h2 { font-size:1.5em; margin:.83em 0 } h3 { font-size:1.17em; margin:1em 0 } h4 { font-size:1em; margin:1.33em 0 } h5 { font-size:.83em; margin:1.67em 0 } h6 { font-size:.67em; margin:2.33em 0 } b, strong { font-weight:700 } mark { background:#ff0; color:#000 } p { margin:1em 0 } q { quotes:none } q:after, q:before { content:''; content:none } small { font-size:80% } dl, menu, ol, ul { margin:1em 0 } dd { margin:0 0 0 40px } menu, ol, ul { padding:0 0 0 40px } nav ol, nav ul { list-style:none } img { border:0; -ms-interpolation-mode:bicubic } svg:not(:root) { overflow:hidden } form { margin:0 } button, input, select { font-size:100%; margin:0; vertical-align:baseline } button, input { line-height:normal } button, select { text-transform:none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0 } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } button, html, input, select { color:#222 } html { font-size:1em; line-height:1.4 } ::-moz-selection { background:#b3d4fc; text-shadow:none } ::selection { background:#b3d4fc; text-shadow:none } audio, img, video { vertical-align:middle } .ir { background-color:transparent; border:0; overflow:hidden } .ir:before { content:""; display:block; width:0; height:150% } .hidden { display:none!important; visibility:hidden } @media print { * { background:0 0!important; color:#000!important; box-shadow:none!important; text-shadow:none!important } a, a:visited { text-decoration:underline } a[href]:after { content:" (" attr(href) ")" } .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after { content:"" } img { page-break-inside:avoid } img { max-width:100%!important } @page { margin:.5cm } h2, h3, p { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } } a { color:#ff5a00 } a.hover, a:hover { color:#d94300 } input { outline:0 } ::-moz-selection { background:#fc8548; color:#fff; text-shadow:none } ::selection { background:#fc8548; color:#fff; text-shadow:none } body { font-family:Arial, Helvetica, sans-serif; font-family:Lato, Arial, Helvetica, sans-serif!important } a:focus { outline:0 } ul { margin:0; padding:0 } li { list-style:none } .sprite { background-image:url(https://statics.cdn0.buscalibre.com/images/sprite_20160426-1325.png); background-repeat:no-repeat } .clear { height:1px; width:100%; float:left; display:block } nav.mobile { display:none } .dialog-box { background:#fff; padding:20px; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; border:solid 5px #ddd; border:7px solid rgba(0, 0, 0, .3); display:none; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px } .dialog-box .close { color:#999; float:right; font-size:25px; font-weight:700; cursor:pointer; border:1px solid #ddd; padding:0 3px; position:absolute; right:5px; top:5px } header { margin-bottom:10px; float:left; width:100% } header>article { width:99%; margin-top:10px } header article { margin:0 auto; display:block; clear:left } header article { height:48px; margin-top:5px } header article #logo { float:left; width:160px; margin-top:0; margin-bottom:0; margin:6px 0 0 20px } header article #logo span { display:none } header article #logo a { display:block } header article #logo a img { width:auto } header article div.redes { float:right; margin-top:15px } header article div.redes ul li { float:left } header article div.redes ul li:first-of-type { margin-right:10px } header article div.redes ul li a.facebook, header article div.redes ul li a.twitter { width:30px; height:30px; display:block } header article div.redes ul li a.facebook:hover, header article div.redes ul li a.twitter:hover { opacity:.8 } header article div.redes ul li a.facebook { background-position:0 -143px } header article div.redes ul li a.twitter { background-position:-32px -143px } .ui-menu .ui-menu-item { height:30px; line-height:1.8em; padding:0; border:1px solid transparent; padding:0 0 0 10px } .ui-menu .ui-menu-item:hover { padding:0 0 0 10px } .ui-menu .ui-menu-item strong { color:#ff5a00 } header article #pais { height:50px; width:127px; margin:10px 0 0 0; background:#fff; cursor:pointer; float:right; position:relative; top:-5px; z-index:1000; border:1px solid transparent } header article #pais>span { height:22px; width:33px; display:block; margin:5px auto 0; background-position:-268px -119px } header article #pais>span.p10 { background-position:0 -119px } header article #pais>span.p42 { background-position:-33px -119px } header article #pais>span.p46 { background-position:-67px -119px } header article #pais>span.p64 { background-position:-100px -119px } header article #pais>span.p131 { background-position:-133px -119px } header article #pais>span.p160 { background-position:-167px -119px } header article #pais>span.p211 { background-position:-201px -119px } header article #pais>p { color:#ff5a00; margin:5px 0 0 0; font-size:.8em; text-align:center; background:#fff; position:relative; z-index:2 } header article #pais:hover { border:1px solid #ddd; border-bottom:none } header article #pais:hover .opcionesPais { display:block; cursor:default } header article #pais .opcionesPais { display:none; height:auto; border:1px solid #ddd; z-index:1; position:relative; left:-1px; padding:5px 7px; background:#fff; float:left; width:140px; top:-2px } header article #pais .opcionesPais nav { float:left } header article #pais .opcionesPais nav p { margin:0; color:#000; border-bottom:1px dashed #ddd; display:inline-block; font-size:1.2em } header article #pais .opcionesPais nav ul { margin-top:10px; cursor:pointer } header article #pais .opcionesPais nav ul li { float:left; clear:left; width:100%; opacity:1 } header article #pais .opcionesPais nav ul li:hover, header article #pais .opcionesPais nav ul li:hover span { opacity:.7 } header article nav ul li:last-of-type { border:none } header article #pais .opcionesPais nav ul li a { text-decoration:none; color:#000; font-size:.9em } header article #pais .opcionesPais nav ul li a span { height:15px; width:21px; margin:0 10px 0 0; display:inline-block } header article #pais .opcionesPais nav ul li[value="10"] a span { background-position:1px -104px } header article #pais .opcionesPais nav ul li[value="42"] a span { background-position:-21px -104px } header article #pais .opcionesPais nav ul li[value="46"] a span { background-position:-42px -104px } header article #pais .opcionesPais nav ul li[value="64"] a span { background-position:-63px -104px } header article #pais .opcionesPais nav ul li[value="131"] a span { background-position:-84px -104px } header article #pais .opcionesPais nav ul li[value="160"] a span { background-position:-105px -104px } header article #pais .opcionesPais nav ul li[value="211"] a span { background-position:-126px -104px } header article #pais .opcionesPais nav ul li[value="216"] a span { background-position:-147px -104px } header article #pais .opcionesPais nav ul li[value="???"] a span { background-position:-167px -104px } #cambiarPais { height:180px; width:400px } #cambiarPais p { font-size:1.2em; text-align:center } #cambiarPais strong { text-transform:capitalize } #cambiarPais .irA { color:#fff; font-size:1.6em; margin-top:0; padding:5px 10px; background:#ff5a00; border:1px solid #aa3e01; margin:0 auto 6px; float:none; clear:both; text-align:center; display:table } #cambiarPais .cerrar { margin-top:0; cursor:pointer; color:#00f; background:0 0; border:none; font-size:1em; padding:0; text-decoration:underline; text-align:center; float:none; width:100%; display:block } header article div#iniciarSesion { width:148px; line-height:2.5em; padding:5px; height:50px; margin:10px 1px 0 0; background:#fff; cursor:pointer; float:right; position:relative; top:-5px; z-index:3; border:1px solid transparent } header article div#iniciarSesion:hover { border:1px solid #ddd; border-bottom:1px solid transparent } header article div#iniciarSesion>a { color:#000; font-size:.9em } header article div#iniciarSesion a>span { height:20px; width:20px; display:block; background-position:-218px 0; float:left; margin:12px 5px 0 0 } header article div#iniciarSesion a>p { height:36px; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; margin:0; white-space:nowrap; font-size:1em; line-height:3.7em } header article div#iniciarSesion .opcionesCuenta { display:none; z-index:1; position:relative; top:7px; left:-1px } header article div#iniciarSesion:hover .opcionesCuenta { display:block } header article div#iniciarSesion .opcionesCuenta nav ul li { border-right:1px solid #ddd; border-left:1px solid #ddd; padding:0 4px 0 4px; width:150px; left:-5px; position:relative; background:#fff; opacity:1; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header article div#iniciarSesion .opcionesCuenta nav ul li:last-of-type { border-bottom:1px solid #ddd } header article div#iniciarSesion .opcionesCuenta nav ul li:hover { opacity:.7; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header article div#iniciarSesion .opcionesCuenta nav ul li a { color:#000; font-size:.9em; display:inline-block } header article div#iniciarSesion .opcionesCuenta nav ul li a>span { background-position:-192px -24px; margin:0 5px 0 0; position:relative; top:10px } header article div#cart_button { float:right; clear:right; width:84px; border:1px solid transparent; position:relative; top:-5px; margin:10px 0 0 0 } header article div#cart_button:hover { border:1px solid #ddd } header article div#cart_button a { display:block; text-decoration:none; padding:5px } header article div#cart_button a>span { height:19px; width:19px; display:block; background-position:0 0; float:left; margin:10px 5px 0 0 } header article div#cart_button a p { margin:0; font-size:1.3em; line-height:1.8em; color:#000 } header article div#cart_button a p span { color:#ff5a00; font-weight:700; padding:0 5px } nav.tab { width:100%; clear:left; float:left; margin:10px 0 25px; position:relative; height:58px; border-bottom:1px solid #ddd } nav.tab>p { display:none } nav.tab ul { clear:left } nav.tab ul li { background:#fff; background-image:url(https://statics.cdn0.buscalibre.com/images/tabSombra.png); background-position:bottom; background-repeat:no-repeat; width:120px; height:50px; margin-right:10px; padding-bottom:7px; border:1px solid #ddd; float:left } nav.tab ul li:first-of-type { margin-left:10px } nav.tab ul li:last-of-type { margin-right:0 } nav.tab ul li.activo, nav.tab ul li:hover { background-image:none; border-bottom:none; position:relative; top:-9px; height:60px; z-index:999; margin-bottom:-9px } nav.tab ul li a { display:block; height:100%; cursor:pointer } nav.tab ul li a>span { text-indent:-9999px; background:url(https://statics.cdn0.buscalibre.com/images/spriteTabs_20170406-1856.png) no-repeat; display:block; margin:10px auto 0 } nav.tab ul li.teTraemosUsa a span { background-position:-1979px 0; width:107px; height:48px; margin-top:4px } nav.tab ul li.ventaEmpresas a span { background-position:-1392px 0; width:105px; height:50px; margin-top:4px } nav.tab ul li.teTraemosUsa.activo a>span, nav.tab ul li.teTraemosUsa:hover a>span { background-position:-1979px -53px } nav.tab ul li.ventaEmpresas.activo a>span, nav.tab ul li.ventaEmpresas:hover a>span { background-position:-1392px -53px } nav.tab ul li a span { position:relative } nav.tab ul li a>span>.sprite { color:#fff; width:40px; height:40px; display:block; position:absolute; top:-20px; left:-20px; font-size:.55em; text-indent:0; text-align:center; line-height:4.5em; font-weight:700; z-index:1; background-position:0 -53px; background-size:initial; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50% } nav.tab>span { display:none } nav.tab ul li:hover>ul { display:block; background:#fff; min-width:190px; padding:0; margin:0; border-right:1px solid #ddd; border-left:1px solid #ddd; position:relative; top:-3px; left:-1px; border-bottom:3px solid #aaa } nav.tab ul li>ul { display:none } nav.tab ul li>ul li { background:0 0; float:none; width:auto; min-width:170px; border:none; padding:0; margin:0; border-left:2px solid transparent; position:relative; left:-1px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } nav.tab ul li>ul li:hover { border-left:2px solid #ff5a00; top:0; height:59px; left:-1px } nav.tab ul li>ul li:first-of-type { margin-left:0; height:50px; top:0; float:none; width:auto; min-width:170px; border:none; padding:0; margin:0; border-left:2px solid transparent } nav.tab ul li>ul li:last-of-type { margin-left:0; height:50px; top:0; float:none; width:auto; min-width:170px; border:none; padding:0; margin:0; border-left:2px solid transparent } nav.tab ul li>ul li:first-of-type:hover, nav.tab ul li>ul li:last-of-type:hover { border-left:2px solid #ff5a00; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } nav.tab ul li>ul li a { color:#000; text-align:left; padding-left:14px; line-height:4em } section#ads { float:left; clear:none; margin:260px 0 0 0; width:100%; height:90px } section#ads div { width:100%; height:90px; margin:0 0 15px 0; overflow:hidden } section#ads div:last-of-type { margin:auto; margin-right:10%; margin-left:10%; width:auto } section#ads.promociones { margin-top:0; width:100%; height:200px } section#ads.promociones div { height:200px; float:left; clear:none; width:240px } section#teTraemos>div { width:49% } .breadcrumb { clear:left; margin:0 0 10px 10px; padding:0 } ol.breadcrumb>span { color:#000 } ol.breadcrumb li { display:inline-block } ol.breadcrumb li a { color:#000; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } ol.breadcrumb li a:hover { color:#ff5a00; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } ol.breadcrumb li a:after { content:' \00BB'; border-bottom:none } .breadcrumb a:hover { color:#ff5a00; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } .breadcrumb a:after { content:' \00BB'; border-bottom:none } .breadcrumb a>span { text-decoration:underline } .breadcrumb strong { color:#000 } section#productosPortada { width:80%; float:left; margin:10px 10px 0 0; overflow:hidden } section#productosPortada>.productos { float:left; width:100% } .productos { float:left; width:105% } h4.deal { float:left; width:95%; height:40px; color:#000; border:1px dashed #ccc; background:#efefef; font-size:1.6em; font-weight:700; line-height:1.8em; padding:0 0 0 8px; margin:0 0 20px 10px; text-transform:inherit; -webkit-line-clamp:1; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis } h4.deal:first-letter { text-transform:uppercase } .bestsellersPortada > h4.deal { display: flex; height: auto; line-height: 1.1em; font-size: 1.1em; padding: 10px 0 10px 8px; } .productos .producto { width:calc(9.5% - 10px); position:relative; margin:0 10px; margin-bottom:20px; display:inline-block; padding:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } #productos .productos .producto { min-height:356px } .productos .producto a { text-decoration:none; color:#000; display:block } .productos .producto a .imagen { min-height:180px; min-width:180px; overflow:hidden; height:190px } .productos .producto a .imagen img { margin:0 auto; display:block } .productos .producto a .nombre { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-weight:400; font-size:.9em; height:34px; white-space:normal; letter-spacing:normal; line-height:16px } .productos .producto a .nombre:first-letter { text-transform:uppercase } .productos .producto a .autor { display:-webkit-box; height:20px; font-size:.7em; line-height:1.4; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; text-transform:capitalize } section.bestsellersPortada { width:225px; margin:10px 10px 0 0; float:right } section.bestsellersPortada .bestsellers { border:1px solid #ccc; display:block; float:right; clear:right; margin:0 0 10px 0; background:#fff; max-width:100%; } section.bestsellersPortada .bestsellers h5 { font-size:1.1em; margin:0; padding:0 0 0 5px; height:40px; line-height:2.3em; font-weight:400; border-bottom:1px dashed #ddd } section.bestsellersPortada .bestsellers .productosLista .productoLista a img { width:100px; left:0 } section.bestsellersPortada .bestsellers .productosLista .productoLista a h6, section.bestsellersPortada .bestsellers .productosLista .productoLista a>p { margin-left:110px } section.bestsellersPortada .bestsellers .productosLista .productoLista a p.precioAhora, section.bestsellersPortada .bestsellers .productosLista .productoLista a p.precioAntes { width:auto } section.bestsellersPortada .bestsellers .productosLista .productoLista a p.descuento, section.bestsellersPortada .bestsellers .productosLista .productoLista a>p.stock { margin-left:0; width:100%; padding:0 } section.bestsellersPortada .bestsellers .productosLista .productoLista a p.descuento { margin-top:20px } section.bestsellersPortada .bestsellers .productosLista .productoLista a .envioExpress { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/envioExpress/envioExpress.png) no-repeat; background-size:4em; display:block; width:88px; height:45px; position:absolute; top:86px; left:0 } section.bestsellersPortada .bestsellers .productosLista .productoLista a .despachoGratisIcono { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/despachoGratis/20181001-1300etiqueta.png) no-repeat; background-size:4em; display:block; width:88px; height:45px; position:absolute; top:86px; left:0 } .productosLista .productoLista { float:left; background:#fff; width:100%; height:185px; padding:5px 0; border-bottom:1px dashed #ccc; margin:0 0 5px; position:relative } .productosLista .productoLista:last-of-type { border-bottom:0 } .productosLista .productoLista a { display:block; overflow: auto; } .productosLista .productoLista a .mesLibroSINIVA { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/abrilLibrosMil/etiqueta20150420/abrilAMil-eti-siniva.png) no-repeat; color:#fff; display:block; width:65px; height:103px; position:absolute; top:-10px; left:0; background-position:0 0; padding:0 0 0 11px; z-index:0; font-size:1.4em; font-weight:700; line-height:1.9em; text-indent:-3px; background-size:2.1em; letter-spacing:.01em } .productosLista .productoLista a .mesLibroSINIVA.sinvasoforeber { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/LibrosSinIva/2015/agosto/sinvasoforeber.png); background-repeat:no-repeat; right:0; left:inherit; color:#fff; font-size:2.1em; text-indent:-30px; line-height:2.1em; background-size:83%; background-position:0 0; letter-spacing:.01em; top:-5px } .productosLista .productoLista a .etiqueta { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/abrilLibrosMil/etiqueta20150420/abrilAMil-eti-zigzag.png) no-repeat; background-position:0 0; background-size:2.8em; background-repeat:no-repeat; color:#fff; display:block; width:65px; height:103px; position:absolute; top:-10px; padding:0 0 0 11px; z-index:2; font-size:1.4em; font-weight:700; letter-spacing:.01em; left:inherit; right:0; text-align:center; line-height:1em; text-indent:-10px } .productosLista .productoLista a .envioExpress { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/envioExpress/envioExpress.png) no-repeat; position:absolute; width:89px; height:48px; display:block; text-indent:-9999px; top:125px; left:60px; right:inherit } .productosLista .productoLista a .despachoGratisIcono { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/despachoGratis/20181001-1300etiqueta.png) no-repeat; position:absolute; width:89px; height:48px; display:block; text-indent:-9999px; top:125px; left:60px; right:inherit } .productosLista .productoLista a img { float:left; margin:5px 5px 0 10px; width:150px; height:auto; position:absolute; z-index:1; z-index:0; box-shadow: 5px 6px 3px 0 rgb(0 0 0 / 15%); } .productosLista .productoLista a h6, .productosLista .productoLista a p, .productosLista .productoLista a p.ahora, .productosLista .productoLista a p.ahorras, .productosLista .productoLista a p.antes { margin:0 } section.bestsellersPortada .bestsellers .productosLista .productoLista a h6 { display:none } section.bestsellersPortada .bestsellers .productosLista .productoLista a h6:first-of-type { display:block; height:53px } .productosLista .productoLista a h6 { color:#000; width:auto; float:left; padding:0 5px 5px 0; font-size:.9em; font-weight:400; display:-webkit-box; line-height:1.4; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis; border-bottom:1px dotted #aaa; text-align:left; margin-left:170px; margin-bottom:5px; clear:left; z-index:2 } .productosLista .productoLista a h6:first-letter { text-transform:uppercase } .productosLista .productoLista a>h6:last-of-type { margin-bottom:10px; border-bottom:none } .productosLista .productoLista a>p { float:left; clear:left; position:relative; margin-left:170px; z-index:0 } .productosLista .productoLista a>p:first-of-type { margin-top:0 } .productosLista .productoLista a p.precioAntes { color:#999; text-decoration:line-through; text-align:left; float:left; clear:left; line-height:1.7em; height:25px } .productosLista .productoLista a p.precioAhora { color:#b80505; font-weight:700; text-align:left; font-size:1.2em } .productosLista .productoLista a p.descuento { color:#b80505; text-align:center; padding:0 10px 0 0 } .productosLista .productoLista a p.stock { color:#005a00; text-align:center; padding:0 10px 0 0 } .bestsellers.libros .productosLista .productoLista a h6 { -webkit-line-clamp:4 } .bestsellers.libros .productosLista .productoLista a p.precioAntes { width:33%; font-size:1em; margin:9px 0 0 0; height:17px; line-height:2.8em } .bestsellers.libros .productosLista .productoLista a p.precioAhora { width:65%; font-size:1.3em; margin:9px 0 0 0; height:17px; line-height:1.1em; text-align:left } .bestsellers.libros .productosLista .productoLista a p.stock { padding-top:15px } @keyframes rotateOut { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); -webkit-transform-origin:center center; transform-origin:center center } 100% { -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); -o-transform:rotate(-360deg); -webkit-transform-origin:center right; transform-origin:center right } } @keyframes load { 0% { width:100%; background-position:0 0 } 100% { width:100%; background-position:-290px 0 } } @-ms-keyframes load { 0% { width:100%; background-position:0 0 } 100% { width:100%; background-position:-290px 0 } } @-o-keyframes load { 0% { width:100%; background-position:0 0 } 100% { width:100%; background-position:-290px 0 } } @keyframes load { 0% { width:100%; background-position:0 0 } 100% { width:100%; background-position:-290px 0 } } @media (max-width:450px) { header div:first-of-type { margin:0 } } @keyframes load-before { 0% { left:0; -webkit-transform:scale(1.1) } 50% { left:100%; -webkit-transform:scale(1) } 100% { left:0; -webkit-transform:scale(1.1) } } @keyframes load-after { 0% { left:100%; -webkit-transform:scale(1.1) } 50% { left:0; -webkit-transform:scale(1) } 100% { left:100%; -webkit-transform:scale(1.1) } } @keyframes zoom-before { 0% { z-index:0 } 50% { z-index:1 } 100% { z-index:0 } } @keyframes zoom-after { 0% { z-index:1 } 50% { z-index:0 } 100% { z-index:1 } } @-moz-keyframes load-before { 0% { left:0; -moz-transform:scale(1.1) } 50% { left:100%; -moz-transform:scale(1) } 100% { left:0; -moz-transform:scale(1.1) } } @-moz-keyframes load-after { 0% { left:100%; -moz-transform:scale(1.1) } 50% { left:0; -moz-transform:scale(1) } 100% { left:100%; -moz-transform:scale(1.1) } } @-moz-keyframes zoom-before { 0% { z-index:0 } 50% { z-index:1 } 100% { z-index:0 } } @-moz-keyframes zoom-after { 0% { z-index:1 } 50% { z-index:0 } 100% { z-index:1 } } @-ms-keyframes load-before { 0% { left:0; -ms-transform:scale(1.1) } 50% { left:100%; -ms-transform:scale(1) } 100% { left:0; -ms-transform:scale(1.1) } } @-ms-keyframes load-after { 0% { left:100%; -ms-transform:scale(1.1) } 50% { left:0; -ms-transform:scale(1) } 100% { left:100%; -ms-transform:scale(1.1) } } @-ms-keyframes zoom-before { 0% { z-index:0 } 50% { z-index:1 } 100% { z-index:0 } } @-ms-keyframes zoom-after { 0% { z-index:1 } 50% { z-index:0 } 100% { z-index:1 } } @-o-keyframes load-before { 0% { left:0; -o-transform:scale(1.1) } 50% { left:100%; -o-transform:scale(1) } 100% { left:0; -o-transform:scale(1.1) } } @-o-keyframes load-after { 0% { left:100%; -o-transform:scale(1.1) } 50% { left:0; -o-transform:scale(1) } 100% { left:100%; -o-transform:scale(1.1) } } @-o-keyframes zoom-before { 0% { z-index:0 } 50% { z-index:1 } 100% { z-index:0 } } @-o-keyframes zoom-after { 0% { z-index:1 } 50% { z-index:0 } 100% { z-index:1 } } @keyframes load-before { 0% { left:0; -webkit-transform:scale(1.1); transform:scale(1.1) } 50% { left:100%; -webkit-transform:scale(1); transform:scale(1) } 100% { left:0; -webkit-transform:scale(1.1); transform:scale(1.1) } } @keyframes load-after { 0% { left:100%; -webkit-transform:scale(1.1); transform:scale(1.1) } 50% { left:0; -webkit-transform:scale(1); transform:scale(1) } 100% { left:100%; -webkit-transform:scale(1.1); transform:scale(1.1) } } @keyframes zoom-before { 0% { z-index:0 } 50% { z-index:1 } 100% { z-index:0 } } @keyframes zoom-after { 0% { z-index:1 } 50% { z-index:0 } 100% { z-index:1 } } .loading:after, .loading:before { display:table; content:""; line-height:0 } .loading:after { clear:both } [class*=span] { float:left; min-height:1px; margin-left:20px } .movimiento { width:300px; margin:10px auto; display:block } .movimiento>p { text-align:center; text-indent:40px; font-weight:700; letter-spacing:.05em } .cantidadProductos { height:25px; float:none; margin:0 30px 10px 10px; padding:4px 0; border-bottom:1px dashed #aaa; border-top:1px dashed #aaa; width:auto; text-align:left } .cantidadProductos p { margin:0 } .cantidadProductos p strong { text-transform:capitalize } #content, #filtros { float:left } #content { overflow:hidden } section#producto { overflow:hidden; float:left; width:100% } section#producto>.imagen { height:370px } section#producto .imagen .mesLibroSINIVA { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/abrilLibrosMil/etiqueta20150420/abrilAMil-eti-siniva.png) no-repeat; color:#fff; display:block; width:62px; height:103px; position:absolute; bottom:70px; right:0; background-position:0 0; padding-left:15px; font-weight:700; letter-spacing:.001em; padding:0 0 0 11px; z-index:0; font-size:2.3em; line-height:1.8em } section#producto .imagen .etiqueta { color:#fff; display:block; width:62px; height:103px; position:absolute; right:0; padding-left:15px; font-weight:700; padding:0 0 0 11px; z-index:0; bottom:inherit; top:0; text-align:center; font-size:1.9em; line-height:1.9em; text-indent:-25px; letter-spacing:.01em } section#producto h1 { float:left; font-weight:400; margin:0; line-height:1.2; display:-webkit-box; font-size:1.7em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis } section#producto h1.mobile { display:none } section#producto .relacionados { position:relative; width:100%; overflow:hidden; clear:left; margin-bottom:20px } section#producto .relacionados h4.deal { width:98% } section#producto .relacionados h2.deal { width:98% } h2.deal { float:left; width:99%; height:40px; color:#000; border:1px dashed #ccc; background:#efefef; font-size:1.6em; font-weight:400; padding:0 0 0 8px; margin:0 0 20px 10px } section#producto .relacionados .productos { height:275px; overflow:hidden; padding-top:10px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; padding-bottom:30px } section#producto .relacionados .productos .producto { position:relative; min-height:246px; width:170px } section#producto .relacionados .productos .producto a .imagen { width:130px } section#producto .relacionados .productos .producto a .nombre { clear:left } section#producto .relacionados .productos .producto .agregar a { bottom:-10px } section#producto dl { float:left; width:100% } section#producto dl>dd { margin-right:20px; float:left; padding:20px 0 } section#producto dl dd p { margin:.7em 0 } section#producto dl .percent-parent { width:100px; border:1px solid #f4f4ce; background:#f4f4ce; display:inline-block; margin:0 3px } section#producto dl .percent-parent .percent { background:#fc6; height:13px } section#producto .imagen .envioExpress { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/envioExpress/envioExpress.png) no-repeat; position:absolute; width:89px; height:48px; display:block; left:0; right:inherit; bottom:90px } section#producto .imagen .despachoGratisIcono { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/despachoGratis/20181001-1300etiqueta.png) no-repeat; position:absolute; width:89px; height:48px; display:block; left:0; right:inherit; bottom:90px } #filtros { width:230px; margin:10px 10px 0 10px } #filtros .box-list h5 { color:#333; text-transform:capitalize; background:url(https://statics.cdn0.buscalibre.com/images/bullets.png) no-repeat 0 7px; border-bottom:1px dashed #000; padding-bottom:5px; padding-left:9px; font-size:1.1em; font-weight:400; margin:0 } #filtros .box-list ul { font-size:11px; width:100% } #filtros .box-list ul li { margin:8px 0 0 0; list-style:none; float:left; font-size:1.2em; position:relative; padding-left:10px; width:100% } #filtros .box-list>ul>li>a { float:left; font-size:1em; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0; width:85%; color:#000; letter-spacing:.05em; text-transform:lowercase } #filtros .box-list>ul>li>a::first-letter { text-transform:uppercase } #filtros .box-list ul li ul.activo { display:block } #filtros .box-list ul li ul li { text-decoration:underline; margin-top:0 } #filtros .box-list ul li ul li a { text-transform:capitalize; font-weight:400; color:#555; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease; width:100%; display:block } #filtros .box-list ul li ul li a:before { content:'\00BB ' } #filtros .box-list ul li ul li a:hover { color:#000; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease } #filtros .box-list ul li ul li.opened { line-height:2.8em } #filtros .box-list ul li.opened a { top:-4px; position:relative; font-weight:700 } #filtros .box-list ul li ul li.opened a { color:#ff5a00 } #filtros .box-list ul li p { background:#fff; border:0; margin-bottom:0; width:100%; text-decoration:none; padding:0; margin:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0 } #filtros .box-list ul li p a span { display:none } section.ofertas { float:left } section.ofertas.categorias { width:210px; position:absolute; top:290px; background:#fff } section.ofertas.categorias ul { margin-left:5% } section.ofertas.categorias ul li { border:solid 1px #ccc; padding:10px 10px; margin-bottom:-1px; cursor:pointer; background-image:url(https://statics.cdn0.buscalibre.com/images/mobile_siguiente_catHover.png); background-position:95% 50%; background-repeat:no-repeat } section.ofertas.categorias ul li a { color:#222; display:block } section.ofertas.categorias ul li.active, section.ofertas.categorias ul li.active a { color:#ff5a00 } section.ofertas.categorias ul li:hover a { color:#ff5a00 } section.ofertas { margin-left:230px; min-height:550px } section.ofertas.categorias { margin-left:0 } section.ofertas .productos { width:auto } section#carro { clear:left; margin:0 auto } section#carro .productosCarro ul.titulo { border:1px solid #ddd; clear:left; width:100%; display:inline-block } section#carro .productosCarro ul.titulo li { text-align:center; font-weight:700; float:left; text-transform:uppercase; border-right:1px solid #ddd; margin-bottom:5px; font-size:.75em } section#carro .productosCarro ul.titulo li.titulo-Producto { width:67% } section#carro .productosCarro ul.titulo li.titulo-Cantidad { width:8% } section#carro .productosCarro ul.titulo li.titulo-Total { width:11%; border-right:transparent } section#carro .productosCarro>div { border-bottom:1px dashed #ccc; position:relative; padding:30px 10px; height:110px } section#carro .productosCarro>div:last-of-type { border-bottom:1px solid transparent } section#carro .productosCarro>div>a { float:left; width:67% } section#carro .productosCarro>div>a img { float:left; width:100px; height:auto; margin-right:10px } section#carro .productosCarro>div>a h3 { color:#000; margin:0; padding:0; font-size:1em; height:44px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; max-width:94%; display:-webkit-box } section#carro .productosCarro>div>.envioExpress { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/envioExpress/envioExpress.png) no-repeat; display:block; width:88px; height:47px; position:absolute; top:100px; left:0 } section#carro .productosCarro>div>.despachoGratisIcono { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/despachoGratis/20181001-1300etiqueta.png) no-repeat; display:block; width:88px; height:47px; position:absolute; top:100px; left:0 } section#carro .productosCarro>div>ul { margin-left:110px; position:absolute; top:85px; z-index:0 } section#carro .productosCarro>div>ul li span { font-weight:700 } section#carro .productosCarro>div>ul li.stock span { color:#005a00 } section#carro .productosCarro>div>select { width:6%; margin:0 1%; height:40px; cursor:pointer } section#carro .productosCarro>div>strong { width:6%; margin:0 1%; height:40px; display:inline-block; text-align:center } section#carro .productosCarro>div>p.total { width:11%; display:inline-block; text-align:center } section#carro .productosCarro>div>p.eliminarProductoCarro { color:#bbb; text-transform:capitalize; position:absolute; top:20px; right:0; line-height:1em; cursor:pointer; width:11%; font-size:.7em } section#carro .productosCarro>div>p.eliminarProductoCarro>span { background:#ccc; border-radius:50%; color:#fff; width:10px; height:10px; display:inline-block; text-align:center; font-size:.5em; margin-right:5px; line-height:1.9em; position:relative; top:-2px } section#carro form ul { margin:0 0 20px 0 } section#carro form ul li { border:1px solid #888; color:#999; list-style:none; margin:10px 0 0 0; width:500px; padding:5px; height:30px; position:relative } section#carro form ul li label { width:150px; float:left; border-right:1px solid #888; margin:0 10px 0 0; padding:0 10px 0 10px; color:#333; text-align:left } section#carro form ul li strong { padding:0 10px 0 10px; color:#000 } section#carro form ul li input, section#carro form ul li select { border:0 solid transparent; color:#000 } section#carro form ul li select { cursor:pointer; width:315px; height:38px; position:absolute; top:0; background:#fff } section#carro form ul li select option { color:#000; background:#fff } section#carro form ul li input { width:310px; margin:0 0 0 7px; position:absolute; top:0; right:0; height:40px; padding:0 10px } section#carro form ul a { color:#ff5a00; cursor:pointer; float:right } section#carro form ul a:hover { color:#000; border:1px solid #000 } section#login { width:960px; clear:both; margin:0 auto; font-size:.8em } section#teTraemos { height:267px; position:absolute; left:0; right:0; background:#fff; margin-left:10px; margin-right:10px; border:none; top:180px } section#teTraemos div { width:49%; height:100%; float:left } #teTraemosUSA { width:100%; margin:0; border:none } #teTraemosUSA>h3 { padding:0; border:none; font-size:3em; text-align:center; color:#000; margin-bottom:20px; cursor:auto; width:620px; clear:left; margin:0 auto; float:none; text-transform:uppercase } #teTraemosUSA>h3 img { margin:20px 0 0 0 } #teTraemosUSA>h3 img:first-of-type { float:left } #teTraemosUSA>h3 img:last-of-type { float:right } #teTraemosUSA .tiendas { margin:20px auto 0; display:block; clear:left; width:780px; min-height:280px } #teTraemosUSA .tiendas>div { border:1px solid #ccc; background:#fff; width:23%; height:244px; float:left; margin:0 1% 30px 0; padding-top:10px; position:relative; overflow:hidden; -webkit-box-shadow:0 6px 33px -14px #000; -moz-box-shadow:0 6px 33px -14px #000; box-shadow:0 6px 33px -14px #000; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } #teTraemosUSA .tiendas>div:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } #teTraemosUSA .tiendas>div a { float:left; width:100%; height:100% } #teTraemosUSA .tiendas>div a img { margin:0 auto; float:none; display:block; max-width:155px; max-height:102px } #teTraemosUSA .tiendas>div a p { color:#000; padding:0 5px; position:absolute; bottom:50px; border-top:1px dashed #ccc; padding-top:5px; display:-webkit-box; height:66px; font-size:.781em; line-height:1.4; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis } #teTraemosUSA .tiendas>div a>div { background:#f5f5f5; width:100%; clear:left; padding:10px 0; border-top:1px solid #ccc; position:absolute; bottom:0 } #teTraemosUSA .tiendas>div a>div input { padding-bottom:6px; color:#fff; width:auto; font-size:1.1em; padding:3px 6px 8px; font-weight:100; text-transform:uppercase; border:1px solid #d55714; margin:0 auto; display:block; line-height:1.5em; height:35px; background-color:#e54c00; background:-webkit-linear-gradient(#ff6b1c, #e54c00); background:-o-linear-gradient(#ff6b1c, #e54c00); background:-moz-linear-gradient(#ff6b1c, #e54c00); background:-webkit-gradient(linear, left top, left bottom, from(#ff6b1c), to(#e54c00)); background:linear-gradient(#ff6b1c, #e54c00) } #teTraemosUSA .tiendas>div:hover a>div input { background:#e54c00 } #teTraemosUSA>form { padding:10px; width:380px; height:222px; margin:20px auto 0; border:1px solid #ccc; display:block; clear:left; -webkit-box-shadow:0 6px 33px -14px #000; -moz-box-shadow:0 6px 33px -14px #000; box-shadow:0 6px 33px -14px #000 } #teTraemosUSA>form>p img { float:left; width:48px } #teTraemosUSA>form p { text-align:center; color:#000; margin:0 0 15px; font-size:1.4em; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:5px } #teTraemosUSA>form p:first-letter { text-transform:uppercase } #teTraemosUSA>form input { margin-bottom:5px; height:30px; padding:0 10px; float:right; width:355px } #teTraemosUSA>form input[type=submit] { height:40px; border:1px solid #d55714; color:#fff; width:380px; background-color:#e54c00; background:-webkit-linear-gradient(#ff6b1c, #e54c00); background:-o-linear-gradient(#ff6b1c, #e54c00); background:-moz-linear-gradient(#ff6b1c, #e54c00); background:-webkit-gradient(linear, left top, left bottom, from(#ff6b1c), to(#e54c00)); background:linear-gradient(#ff6b1c, #e54c00) } #teTraemosUSA>form input[type=submit]:hover { background:#e54c00 } #ventaEmpresas { width:95%; margin:0 auto; border:none } footer { background:#f5f5f5; padding-top:5px; clear:left; margin-top:100px; width:100%; float:left; padding-top:20px } footer nav.redes { display:inline-block; float:none; width:100% } footer nav.redes h5, footer nav.redes ul { margin:0; padding:0; /* float:left; */ display:inline-block } footer nav.redes ul { width:110px; clear:left; display:block; margin:20px auto 10px; float:none; height:25px } footer nav.redes h5 { text-align:center; display:block; clear:left; width:100% } footer nav.redes ul li { display:block; float:left; width:23px; height:23px; margin:0 2px; /* display:inline-block; */ text-indent:-9999px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease } footer nav.redes ul li:hover { opacity:.6; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease } footer nav.redes ul li.facebook { background-position:-43px 0 } footer nav.redes ul li.twitter { background-position:-67px 0 } footer nav.redes ul li.pinterest { background-position:-91px 0 } footer nav.redes ul li.instagram { background-position:-19px 0 } footer nav.redes ul li a { display:block } footer>div { text-align:center; padding:10px 20px 0; margin:10px auto 0; display:block; clear:left } footer>div h4 { color:#000; text-transform:uppercase; font-weight:400; text-align:center; margin-bottom:11px; border-bottom:1px dotted gray; padding-bottom:5px } footer>div span { height:20px; display:inline-block; margin:10px 5px 0 } footer>div span img { max-width:100%; height:auto } footer address { background:#e6e7e8; width:100%; height:50px; margin-top:30px; display:inline-block; padding:10px 0 } footer address>span { background-position:-117px 0; width:36px; height:19px; display:block; margin:0 auto } footer address p { color:#808285; text-align:center; margin:10px 0 0 0; padding:0; font-size:.8em } footer>form.tuCorreo { clear:left; border:1px solid #ccc; width:400px; margin:10px auto 0; padding:10px } footer>form.tuCorreo>label { clear:left; width:100%; text-align:center; display:block; margin:0 0 10px 0; color:#000 } footer>form.tuCorreo>input[type=email] { height:30px; padding:0 10px; border:1px solid #bbb; outline:0; width:250px } footer>form.tuCorreo>input[type=email]:focus { border:1px solid #ff5a00 } footer>form.tuCorreo>input[type=submit] { height:31px; margin:0; float:right; border:1px solid #999; width:120px; background:#bbb; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } footer>form.tuCorreo>input[type=submit]:hover { background:#999; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } footer>form.tuCorreo>div { display:none; position:relative } footer>form.tuCorreo>div>svg { width:50px; position:absolute; top:0; left:0; right:0; margin:0 auto; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease } footer>form.tuCorreo>div>svg#enana-der, footer>form.tuCorreo>div>svg#enana-izq { top:10px } footer>form.tuCorreo>div>svg#mediana { width:70px; display:block } footer>form.tuCorreo>div>p { text-align:center; text-transform:uppercase; padding-top:80px; font-weight:700 } footer.teTraemos { margin-top:20px; padding:10px 0 20px; background:#f5f5f5 } footer.teTraemos { background:#f5f5f5; margin-top:20px; padding:20px 0; border-top:1px solid #ccc } footer.teTraemos h6 { text-align:center; border-bottom:1px dashed #ccc; font-size:1.3em; text-transform:uppercase; font-weight:400; color:#666; display:table; margin:0 auto } footer.teTraemos>div { width:350px; margin:20px auto 0 } footer.teTraemos>div img { height:auto; width:160px } footer.teTraemos>div img:hover { opacity:.8 } footer.teTraemos>div img:first-of-type { float:left } footer.teTraemos>div img:last-of-type { float:right } .productos { padding-top:10px } header.mobile { height:45px; width:100%; border-bottom:1px solid #ccc; background:#f5f5f5; margin-bottom:0 } header.mobile div:first-of-type { background:url(https://statics.cdn0.buscalibre.com/images/mobile_sprite_20131024.png) no-repeat; background-position:0 0; width:145px; height:24px; margin:10px 0 10px 10px; display:block; float:left; position:relative; z-index:96 } header.mobile div a { width:100%; height:100%; display:block; color:#000 } header.mobile div a { color:gray; text-decoration:none } header.mobile #cart_button { width:auto; display:block; text-align:right; margin:3px 5px; float:right; clear:none; border:none; padding:0 } header.mobile #cart_button a#cart { width:auto; height:100%; display:inline-block; background-image:none; padding:0 } header.mobile #cart_button a#cart span { color:#000; text-decoration:none } header.mobile #cart_button a#cart span { color:#000; text-decoration:none } #cart_button { width:auto; display:block; text-align:right; float:right; clear:none } #cart_button a#cart { width:auto; height:100%; display:inline-block; background-image:none; padding:0 } #cart_button a#cart span { color:#000; text-decoration:none } #cart_button a#cart span { color:#000; text-decoration:none } header.mobile #buscar { display:block; float:right; width:30px; height:30px; margin:8px 10px 0 0; background:url(https://statics.cdn0.buscalibre.com/images/mobile_sprite_20131024.png) no-repeat; background-position:2px -24px } #cart_button.mobile { width:auto; display:block; text-align:right; margin:8px 5px; float:right } #cart_button.mobile a#cart { width:auto; height:100%; display:inline-block; background-image:none; padding:0 } #cart_button.mobile a#cart span { color:#000; text-decoration:none } #cart_button.mobile a#cart span { color:#000; text-decoration:none } .mobile section#teTraemos { top:50px } .mobile section#ads { margin-top:280px; height:90px } .mobile section#ads.promociones { margin-top:20px; height:230px } section#bannerPrincipal.mobile section#teTraemos { float:left; top:52px; margin-left:10px } footer.mobile { margin-top:0 } footer.mobile nav { margin:0 auto; width:100%; display:block } footer.mobile nav ul { padding-top:10px } footer.mobile nav ul li { border-top:1px dashed #ccc; height:40px; line-height:4em; width:100%; margin:0; float:none } footer.mobile nav ul li:last-of-type { letter-spacing:.1em; font-size:.9em; text-align:center } footer.mobile nav ul li a { width:96%; height:100%; display:block; letter-spacing:.1em; padding:0 0 0 10px; color:gray; font-size:.9em; line-height:2.5em } footer.mobile nav ul li.cambiarPais { height:auto } footer.mobile nav ul li.cambiarPais p { margin:0; padding:0; width:96%; height:100%; display:block; letter-spacing:.1em; padding:0 0 0 10px; color:gray; font-size:.9em; line-height:2.5em } footer.mobile nav ul li.cambiarPais>p span { width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #aaa; position:relative; top:11px; right:-10px } footer.mobile nav ul li.cambiarPais>p span.activo { border-top:7px solid #ff5a00 } footer.mobile>address { width:100%; margin:10px auto 0; color:#000; font-size:.8em; display:block; padding:10px 0 0; border-top:1px dashed #aaa; text-align:center } @media (max-width:6000px) { .productos .producto .agregar a { bottom:67px } } @media (max-width:1980px) { section#productosPortada { width:86% } } @media (max-width:1868px) { section#productosPortada { width:85% } } @media (max-width:1768px) { section#productosPortada { width:84% } } @media (max-width:1668px) { section#productosPortada { width:83% } } @media (max-width:1568px) { section#productosPortada { width:82% } .productos .producto { width:calc(17.2% - 10px) } } @media (max-width:1366px) { section#productosPortada { width:79% } #productos .producto .agregar a { bottom:32px } } @media (max-width:1291px) { section#productosPortada { width:77% } .productos .producto .agregar a { bottom:68px } } @media (max-width:1268px) { section#productosPortada { width:77% } #productosPortada #teTraemosUSA .tiendas>div { width:30%; height:220px } #productosPortada #teTraemosUSA .tiendas>div a img { max-width:105px } #productosPortada #teTraemosUSA .tiendas>div a>div input { font-size:1em } #productosPortada #teTraemosUSA .tiendas>div:last-of-type { display:inline-block } } @media (max-width:1168px) { section#productosPortada { width:74% } nav.tab ul li { width:96px; margin-right:5px } nav.tab ul li>a>span { background-size:37em } nav.tab ul li.teTraemosUsa { width:120px } nav.tab ul li.teTraemosUsa>a>span { background-position:-1979px 0; background-size:inherit; height:45px; width:107px } nav.tab ul li.ventaEmpresas a span { background-position:-1408px 0; width:86px; height:43px; margin-top:4px; background-size:inherit } nav.tab ul li.teTraemosUsa.activo a>span, nav.tab ul li.teTraemosUsa:hover a>span { background-position:-1979px -57px } nav.tab ul li.ventaEmpresas.activo a>span, nav.tab ul li.ventaEmpresas:hover a>span { background-position:-1408px -53px } } @media (max-width:1024px) { section#productosPortada { width:73% } section#teTraemos { top:180px } section#teTraemos { margin-left:5px; top:150px } } @media (max-width:995px) { .productos .producto { width:calc(28.3% - 10px) } } @media (max-width:968px) { section#productosPortada { width:68% } } @media (max-width:960px) { section#productosPortada { width:72% } #teTraemosUSA .tiendas { width:760px } #teTraemosUSA .tiendas>div { margin-bottom:50px } } @media (max-width:915px) { header article#header-top #logo { margin-top:20px; margin-left:10px; width:120px } header article#header-top #logo a img { width:100% } header article form { margin-left:160px; margin-right:320px } header article #pais { width:110px } header article #pais .opcionesPais { width:90px } header article #pais .opcionesPais nav ul li a { font-size:.8em } header article div#cart_button { width:48px } header article div#cart_button a>span { display:none } section#ads div:last-of-type { width:auto; margin:0 10px } } @media (max-width:905px) { nav.tab ul li { margin-right:1% } } @media (max-width:900px) { section#productosPortada { width:70% } } @media (max-width:868px) { section#productosPortada { width:65% } } @media (max-width:850px) { nav.tab ul li { width:150px; margin-right:1px } nav.tab ul li:first-of-type { margin-left:1px } } @media (max-width:800px) { .productosLista .productoLista { height:190px } } @media (max-width:768px) { header article#header-bottom div#cart_button { width:64px; height:36px; display:block; text-align:right; float:right; border:1px solid #ccc; padding:5px 10px; margin:3px 10px 0 0 } #cart_button a { float:right; display:block; width:100%; height:100% } #cart_button a p { line-height:0; color:#000; font-weight:400 } #cart_button a p span { font-weight:700 } header article#header-top #logo { width:80px; margin-top:40px } header article #pais { display:none } header article div#iniciarSesion { width:106px } body .headerMargin { height:51px } nav.tab { background:#fff; border-top:1px solid #ddd; margin-bottom:10px; z-index:4 } nav.tab>p { display:block; height:50px; color:#ff5a00; font-size:1.4em; text-align:center; margin:0; padding:0 } nav.tab ul { display:none; margin-bottom:10px; float:left; width:100% } nav.tab ul li { width:100%; background:#f5f5f5; height:50px; border-bottom:none; padding-bottom:0; line-height:2.5em; text-transform:uppercase } nav.tab ul li:first-of-type { margin-left:0 } nav.tab ul li:last-of-type { margin-left:0 } nav.tab ul li.activo, nav.tab ul li:hover { height:30px; margin-bottom:0; top:0; z-index:0; background:#ccc } nav.tab ul li.teTraemosUsa a span, nav.tab ul li.ventaEmpresas a span { width:100%; color:#000 } nav.tab ul li a span { background-image:none; display:inline; margin:0 auto; float:none; display:block; text-align:center; width:100%; text-indent:0 } nav.tab>span { display:block; cursor:pointer; font-size:2em; text-align:center; background:#fff; width:30px; height:30px; margin:0 auto; border:1px solid #ddd; line-height:1em; font-weight:100; position:relative; top:-15px; clear:left; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50% } nav.tab ul li>ul { display:none } section#teTraemos { height:302px; display:block; float:left; clear:left; position:absolute; width:65%; top:116px; margin-top:40px } section#teTraemos div { width:100%; height:50%; clear:left } section#teTraemos { width:98%; margin:0 1% } section#teTraemos div { width:100% } section#teTraemos div:first-of-type { float:left; clear:left } section#teTraemos div:last-of-type { float:right; clear:right } section#teTraemos div a { float:left; width:100%; height:100% } #ventaEmpresas { margin-bottom:100px } section#ads { display:block; margin-top:0 } .mobile section#ads { margin-top:320px; height:70px } .mobile section#ads.promociones { float:left; width:98%; margin:20px 1% 0; height:220px } section#ads.promociones { width:100%; margin:10px 0; height:490px } section#ads.promociones div { height:200px; clear:left; width:240px; margin:10px auto 0 } section#productosPortada { width:100% } section#productosPortada .productos .producto { width:175px; margin:0 6px; font-size:.8em } .productos h4 { font-size:1.4em; line-height:1.8em; padding:0 0 0 10px; width:98% } section#productosPortada .productos .producto a .nombre { height:40px } section#productosPortada .productos .producto .agregar a { bottom:88px } .productosLista .productoLista { height:170px } .productosLista .productoLista a>h6 { margin-left:160px } .productosLista .productoLista a>h6:first-of-type { height:35px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; width:47% } .productosLista .productoLista a>h6:last-of-type { margin-bottom:0 } .productosLista .productoLista>a>h6:nth-child(3) { height:17px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1 } .productosLista .productoLista a p.precioAntes { margin-left:160px } .productosLista .productoLista a p.precioAhora { color:#b80505; font-weight:700; width:42%; text-align:left; font-size:1.2em } .productosLista .productoLista a p.stock { color:#005a00; text-align:left; padding:0 10px 0 0; clear:right; width:42%; margin-left:160px } .productosLista .productoLista a p.descuento { display:none } section.bestsellersPortada .bestsellers .productosLista .productoLista a>h6:first-of-type { width:auto } section.bestsellersPortada .bestsellers .productosLista .productoLista a>p.stock { margin-left:130px; width:auto } section.bestsellersPortada { float:left; margin:0 15px; width:95% } section.bestsellersPortada .bestsellers { width:47%; clear:none } section.bestsellersPortada .bestsellers:first-of-type { float:left } .productos .producto .agregar a { display:block } nav.tab ul li a span { background-image:none } nav.tab ul li { height:30px } } @media (max-width:720px) { header.mobile { position:fixed; z-index:1; height:50px } header.mobile nav.menu { position:relative; display:block!important; z-index:95; width:100%; height:100% } header.mobile nav.menu>div { background-color:#fff; overflow:scroll; width:85%; position:relative; top:40px; right:-85%; float:right; z-index:2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.mobile nav.menu>div { background-image:none } header.mobile nav.menu>div>ul>li { height:40px; border-bottom:1px solid #2f2f67 } header.mobile nav.menu>div>ul>li>a { color:#fff; line-height:2.6em; letter-spacing:.05em; text-indent:20px } header.mobile nav.menu>div>ul>li>a::first-letter { text-transform:capitalize } header.mobile #cart_button { background-image:none; text-align:left; height:50px; padding:0; width:auto; position:absolute; float:none; top:0; right:10px; margin:0; z-index:96 } header.mobile #cart_button a#cart { width:100%; height:100% } body .headerMargin { height:60px; display:block; width:100%; clear:both } } @media (max-width:640px) { section#bannerPrincipal { clear:left; display:block; width:100%; } section#teTraemos { width:98% } section#ads { clear:left; margin:0 auto 20px; float:none } #filtros { width:93%; margin:30px auto 0; float:none; clear:left } #filtros .box-list { display:none } #filtros .box-list h5 { cursor:pointer } #filtros .box-list ul { width:98%; float:right } #filtros .box-list>p { display:none } #filtros .box-list ul li { background:url(https://statics.cdn0.buscalibre.com/images/mobile_siguiente_filtro.png) no-repeat right center; border-bottom:1px solid #ddd; min-height:40px } #filtros .box-list ul li p a { font-size:1.5em; width:93%; margin:0 0 0 10px; padding:0; line-height:2.4em } #filtros .box-list ul li p a span { display:none } #filtros~#productos { width:100% } #filtros~#productos .producto { width:100%; margin:0 } #filtros~#productos .producto:nth-child(3n-2) { margin:0 } section#producto dl ul.detalle { width:90%; margin:0 15px } section #content { width:95%!important; margin:0 auto; float:none; clear:left } #teTraemosUSA .tiendas { width:auto } #teTraemosUSA>h3 { font-size:1.7em; width:90%; line-height:1.4em; position:relative } #teTraemosUSA>h3 img { position:absolute; bottom:10px } #teTraemosUSA>h3 img:first-of-type { left:30px } #teTraemosUSA>h3 img:last-of-type { right:30px } #teTraemosUSA .tiendas { margin-top:0 } #teTraemosUSA .tiendas>div { clear:left; float:none; margin:0 auto 30px; width:90%; padding-top:5px; position:relative; height:140px } #teTraemosUSA .tiendas>div a img { margin:2px; position:relative; max-width:105px } #teTraemosUSA .tiendas>div a p { position:absolute; top:0; left:115px; border-top:none } #productosPortada #teTraemosUSA .tiendas { margin-bottom:20px } #productosPortada #teTraemosUSA .tiendas>div { width:100%; padding-top:5px; position:relative; height:140px } #productosPortada #teTraemosUSA .tiendas>div a img { margin:2px; position:relative } #productosPortada #teTraemosUSA .tiendas>div a p { position:absolute; top:0; left:115px; border-top:none } } @media (max-width:600px) { .mobile section#ads { margin-top:0 } .mobile section#ads.promociones { float:none; width:200px; margin:20px auto 0; height:500px } h4.deal { font-size:1.3em; line-height:2em } .productosLista .productoLista a img { max-width:146px; margin-left:0; width:auto } .productosLista .productoLista a p.precioAhora, .productosLista .productoLista a p.stock { margin-left:160px } .productosLista .productoLista a p.stock { font-size:.9em; width:auto } .productosLista .productoLista a .cm_etiqueta-producto { background-size:2.9em; font-size:1em; line-height:2.5em } .productosLista .productoLista a .mesLibroSINIVA.sinvasoforeber { background-size:2.2em!important; right:-1px; width:48px; font-size:1.7em; line-height:1.7em; text-indent:-27px; top:-3px } .productosLista .productoLista a .etiRegalo { background:url(https://statics.cdn0.buscalibre.com/images/etiRegalo6.png) no-repeat; color:#fff; font-size:1em; background-position:0 0; padding-left:15px; font-weight:700; letter-spacing:.001em; padding:3px 0 0 13px; background-size:3em!important; display:none } .productosLista .productoLista a .mesLibroSINIVA { background:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/abrilLibrosMil/etiqueta20150420/abrilAMil-eti-siniva.png) no-repeat; color:#fff; font-size:1em; background-position:0 0; padding-left:15px; font-weight:700; letter-spacing:.001em; padding:3px 0 0 13px; background-size:3em!important } .productosLista .productoLista a .etiqueta { background-repeat:no-repeat; color:#fff; background-position:0 0; padding-left:15px; font-weight:700; letter-spacing:.001em; padding:3px 0 0 13px; text-indent:-10px; z-index:0; background-size:inherit!important; font-size:1.4em; text-align:center; top:-5px } .productosLista .productoLista a .cd2015-50 { background-image:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/cyberMonday/2015noviembre/etiquetas/cm2015-50-2.png); color:#000 } .productosLista .productoLista a .cd2015-40 { background-image:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/cyberMonday/2015noviembre/etiquetas/cm2015-40.png) } .productosLista .productoLista a .cd2015-35 { background-image:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/cyberMonday/2015noviembre/etiquetas/cm2015-35.png) } .productosLista .productoLista a .cd2015-30 { background-image:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/cyberMonday/2015noviembre/etiquetas/cm2015-30-2.png) } .productosLista .productoLista a .cd2015-25 { background-image:url(https://statics.cdn0.buscalibre.com/images/diaEspecial/cyberMonday/2015noviembre/etiquetas/cm2015-25.png) } #relacionados { display:none } } @media (max-width:540px) { footer nav.redes { width:100%; margin:10px 0 } footer nav.redes h5 { width:100%; text-align:center; clear:left } footer nav.redes ul { width:120px; margin:0 auto; float:none; display:block } footer nav.redes ul li { border-top:none; margin-top:5px } } @media (max-width:510px) { footer>form.tuCorreo { width:80% } footer>form.tuCorreo>input[type=email] { width:96%; margin:0; padding:2% } footer>form.tuCorreo>input[type=submit] { float:none; margin:10px auto 0; display:block; width:100% } } @media (max-width:450px) { .mobile section#ads { height:220px } .mobile section#ads>div:last-of-type { display:block } section#ads div:last-of-type { display:block } #teTraemosUSA>form { width:270px; margin-bottom:70px } #teTraemosUSA>form p { font-size:1.2em } #teTraemosUSA>form p img { display:none } #teTraemosUSA>form input { width:245px } #teTraemosUSA>form input[type=submit] { width:270px } section#login { width:100% } section#carro .productosCarro ul.titulo li.titulo-Producto { width:47% } section#carro .productosCarro ul.titulo li { display:none } section#carro .productosCarro ul.titulo li.titulo-Producto { display:block; width:100% } } @media (max-width:425px) { header { height:45px; width:100%; border-bottom:1px solid #ccc; background:#f5f5f5 } header div a { width:100%; height:100%; display:block; color:#000 } header div a { color:gray; text-decoration:none } #cambiarPais { height:180px; width:270px; padding:10px } #cambiarPais>.cerrar, #cambiarPais>.irA { font-size:1.2em } #cart_button { display:block; text-align:right; margin:8px 5px; float:right; clear:left; width:88px; position:relative; top:-5px } #cart_button a { display:block; text-decoration:none; padding:5px } #cart_button a span { height:19px; width:19px; display:block; background-position:0 0; float:left; margin:10px 5px 0 0 } #cart_button a p { margin:0; font-size:1.3em; line-height:1.8em; color:#000; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex } #cart_button a p span { color:#ff5a00; font-weight:700; padding:0 5px; display:inline; line-height:1em } header #buscar { display:block; float:right; width:30px; height:30px; margin:8px 10px 0 0; background:url(https://statics.cdn0.buscalibre.com/images/mobile_sprite_20131024.png) no-repeat; background-position:2px -24px } section#ads { margin-top:10px; float:center; margin:0 auto; display:block; width:240px; width:98%; height:auto } section#ads div { height:110px } section#ads div a img { display:block; margin:0 auto } section#ads div:last-of-type { display:none } #content { width:100%!important } section#teTraemos { border-right:0; border-left:0; width:98%!important; margin:0 auto!important; float:none!important; clear:none } section#productosPortada { width:100% } h4.deal { font-size:1.1em; margin:0; width:100%; padding:0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin-bottom:10px; text-align:center; line-height:2.3em; border-right:0; border-left:0 } .productos { width:100% } .productos .producto { margin:0 auto 0; float:none; clear:none; position:static } section.bestsellersPortada { width:90%; margin:0 auto; float:none } .productosLista .productoLista a p.descuento, .productosLista .productoLista a p.stock { text-align:center; padding:0 } section.bestsellersPortada .bestsellers .productosLista .productoLista { height:100px } section.bestsellersPortada .bestsellers .productosLista .productoLista a img { width:70px } section.bestsellersPortada .bestsellers .productosLista .productoLista a h6, section.bestsellersPortada .bestsellers .productosLista .productoLista a p { margin-left:80px } .productosLista .productoLista a>h6:last-of-type { height:18px } section.bestsellersPortada .bestsellers .productosLista .productoLista a p.stock { text-align:center; margin-left:0 } nav.mobile { display:block } section#teTraemos { width:100%; position:static; margin:0 } section#producto .imagen { width:280px; margin:0 auto 10px; display:block; float:none } section#producto h1, section#producto>p { width:100%; text-align:center } section#producto h1:last-of-type, section#producto h2 { display:none } section#producto h1.mobile { display:block; display:-webkit-inline-box; display:-webkit-box; margin:0 10px 10px; width:95%; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis } section#producto p.precioAhora { float:right; width:100% } section#producto p.precioAntes { width:100%; float:left; margin-top:10px } section#producto form { float:none; margin:10px auto 0; display:block; width:90%; clear:left } section#producto form ul { width:100%; margin-bottom:20px; float:none } section#producto form button { width:90%; margin:20px auto 0; display:block; float:none } section#producto form button:disabled p { text-align:center; float:center } section#producto dl dd { margin:0 auto; width:85%; float:none } section#producto dl dd p iframe { width:100%; height:auto } section.bestsellersPortada .bestsellers { width:100% } .cantidadProductos { height:auto; text-align:center; margin:0 auto 10px; padding:0 10px } footer { margin-top:0 } footer nav { margin:0 auto; width:100%; display:block } footer nav ul { padding-top:10px } footer nav ul li { border-top:1px dashed #ccc; height:40px; line-height:4em; width:100%; margin:0; float:none } footer nav ul li:last-of-type { letter-spacing:.1em; font-size:.9em; text-align:center } footer nav ul li a { width:96%; height:100%; display:block; letter-spacing:.1em; padding:0 0 0 10px; color:gray; font-size:1em; line-height:2.5em } footer>address { width:100%; margin:10px auto 0; color:#000; font-size:.8em; display:block; padding:10px 0 0; border-top:1px dashed #aaa; text-align:center } section#producto .imagen .etiqueta { top:64.4px } } section#bannerPrincipal { clear:left; display:inline-block } section#teTraemos>div a { display:inline-block } section#teTraemos .derecha { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover } body.bodyv2018 section#teTraemos { margin-right:255px; height:289px; top:120px } body.bodyv2018 section#ads { height:285px } body.bodyv2018 section#ads div { margin:0 0 10px 0 } body.bodyv2018 #adsAbajo { width:99%; height:auto; margin:15px 0 0; padding:0; display:inline-block } body.bodyv2018 section#adsAbajo>div { width:calc(97% / 4); display:inline-block; margin:0 .2% } body.bodyv2018 section#adsAbajo>div>a { width:100%; height:100% } body.bodyv2018 section#adsAbajo>div>a>img { margin:0 auto; display:block; height:100%; min-height:auto; max-width:240px; width:100% } @media (max-width:768px) { body.bodyv2018 section#ads { height:auto } body.bodyv2018 section#ads div { max-width:290px; margin:10px auto; float:initial } body.bodyv2018 section#adsAbajo>div { width:calc(98% / 2) } } b, strong { font-weight:600 } .overflow-visible { overflow:visible } .max-width-100 { max-width:100% } .font-weight-light { font-weight:300!important } .font-weight-medium, .font-weight-normal { font-weight:400 } .font-weight-strong { font-weight:600 } .font-size-smallest { font-size:.7em } .font-size-small { font-size:.85em!important } .font-size-normal { font-size:1em!important } .font-size-quote { font-size:1.1em } .font-size-medium { font-size:1.2em!important } .font-size-h1 { font-size:1.4em } .font-size-lg { font-size:2em } .font-size-big { font-size:2.4em } .color-text, .font-color-text { color:#000 } .color-light-text { color:#555 } .color-gray, .font-color-gray { color:#b4b4b4!important } .color-dark-gray { color:#666!important } .color-white, .font-color-white { color:#fff } .color-primary, .font-color-bl { color:#ff4f00 } .color-primary-light { color:#fca766 } .color-error { color:#a94442 } .color-green { color:#098200 } .color-yellow { color:#ebb748 } .float-right { float:right } .padding-10 { padding:10px!important } .padding-30 { padding:30px } .padding-top-10 { padding-top:10px!important } .padding-top-20 { padding-top:20px!important } .padding-top-50 { padding-top:50px } .padding-left-0 { padding-left:0 } .padding-left-10 { padding-left:10px } .padding-right-0 { padding-right:0 } .padding-right-10 { padding-right:10px } .padding-left-30 { padding-left:30px } .padding-bottom-5 { padding-bottom:5px } .padding-bottom-10 { padding-bottom:10px!important } .padding-0 { padding:0!important } .margin-0 { margin:0!important } .margin-left-0 { margin-left:0!important } .margin-left-5 { margin-left:5px } .margin-left-10 { margin-left:10px } .margin-right-10 { margin-right:10px } .margin-right-5 { margin-right:5px } .margin-right-0 { margin-right:0!important } .margin-bottom-0 { margin-bottom:0!important } .margin-bottom-5 { margin-bottom:5px!important } .margin-bottom-10 { margin-bottom:10px!important } .margin-bottom-20 { margin-bottom:20px!important } .margin-bottom-30 { margin-bottom:30px!important } .margin-bottom-50 { margin-bottom:50px!important } .margin-top-0 { margin-top:0!important } .margin-top-5 { margin-top:5px!important } .margin-top-10 { margin-top:10px!important } .margin-top-20 { margin-top:20px!important } .margin-center { margin:0 auto } .text-align-right { text-align:right } .text-align-left { text-align:left!important } .text-align-center { text-align:center } .font-style-italic { font-style:italic } .font-style-normal { font-style:normal } .float-left { float:left } .visibility-hidden { visibility:hidden } h3.title, h4.title { margin:10px 0 } .display-none { display:none } .display-inline-block { display:inline-block } .display-block { display:block } .position-relative { position:relative } .vertical-align-top { vertical-align:top } .background-color-bl { background:#ff4f00 } .background-color-light-bl { background:#feedd3 } .background-color-white { background-color:#fff!important } .background-color-lightgray { background-color:#f7f7f7 } .background-color-gray { background-color:#f0f0f0 } .background-color-green { background-color:#e4f6e7!important } .link-bl { color:#ff4f00; cursor:pointer } button.no-button { background:0 0!important; border:none!important } .button { padding:12px 20px!important; font-size:1.1em; border-radius:3px!important; vertical-align:top; box-sizing:border-box; cursor:pointer } .button.button-small { padding:8px 15px!important; font-size:.9em } .button-primary { background:#ff3c00!important; border:1px solid #d55714!important; color:#fff!important } .button-secondary { background:#ff5a00!important; border:1px solid #d55714!important; color:#fff!important } .button-secondary:hover { background:#dd4e00!important } .button-white { background:#fff; border:1px solid #bbb } .button-white.green { color:green!important; border:1px solid green!important } .button-white:hover { background:#f5f5f5!important } .button-facebook { background:#23589a; color:#fff } .border-primary { border:1px solid #ff8f00!important; border-radius:.25rem; box-shadow:0 0 2px #ff8f00 } .width-100 { width:100% } .width-80 { width:80% } .modal { width:600px; border:1px solid #555; box-shadow:0 0 10px 2px #000; padding:15px } .modal .modal-header .cerrar, .modal .modal-header .cerrar.v2 { position:absolute; right:15px; top:15px; cursor:pointer; display:inline-block; background-position:-151px 0; height:12px; width:13px; background-size:180px } .modal .modal-header .cerrar.v2 { width:13px!important; text-decoration:none!important } .mobile .modal .modal-header .cerrar, .mobile .modal .modal-header .cerrar.v2 { background-position:-193px 0; height:20px; width:18px; background-size:230px } .border-bottom-0 { border:0!important } .productos .producto { position:relative!important; min-height:246px; width:170px!important; margin:0 10px; margin-bottom:20px; display:inline-block; padding:0; vertical-align:top } .productoLista a .autor, .productos .producto a .autor { color:#333; font-size:.8em!important; font-weight:300 } .productoLista a div.title { color:#000; max-height:32px; overflow:hidden; padding-right:10px; line-height:16px; margin-left:160px } .productoLista a div.field { margin-left:160px; height:16px; overflow:hidden; text-transform:capitalize } .testgrillameta.productoLista a div.field { margin-left:0 } .v2018 .productoLista a .margin-left-list { margin-left:160px } .v2018 .producto .etiqueta, .v2018 .productoLista .etiqueta { background-image:none!important; background-color:#ff5a00!important; height:32px!important; width:45px!important; font-size:.9em!important; left:0!important; top:inherit!important; bottom:-8px!important; position:absolute!important; bottom:0!important } .v2018 .productoLista .etiqueta { top:116px!important; left:160px!important; height:37px!important; text-indent:-9999px!important } .v2018 .producto .etiqueta:after, .v2018 .productoLista .etiqueta:after { content:"-"!important; height:40px!important; width:12px; background:url(https://statics.cdn0.buscalibre.com/images/20181129-1150spritedetalle.png)!important; display:inline-block!important; background-position:-264px 0!important; position:absolute!important; top:0!important; right:-12px!important; color:#ff5a00!important } .v2018 .producto.dcto10 .etiqueta:after, .v2018 .productoLista.dcto10 .etiqueta:after { background-position:-288px 0!important; color:#f4bf00!important } .v2018 .producto.dcto20 .etiqueta:after, .v2018 .productoLista.dcto20 .etiqueta:after { background-position:-276px 0!important; color:#ff9c00!important } .v2018 .producto.dcto30 .etiqueta:after, .v2018 .productoLista.dcto30 .etiqueta:after { background-position:-264px 0!important; color:#ff5a00!important } .v2018 .producto.dcto40 .etiqueta:after, .v2018 .productoLista.dcto40 .etiqueta:after { background-position:-252px 0!important; color:red!important } .v2018 .producto.dcto50 .etiqueta:after, .v2018 .productoLista.dcto50 .etiqueta:after { background-position:-240px 0!important; color:#cf0000!important } .v2018 .producto.dcto10 .etiqueta, .v2018 .productoLista.dcto10 .etiqueta { background-color:#f4bf00!important } .v2018 .producto.dcto20 .etiqueta, .v2018 .productoLista.dcto20 .etiqueta { background-color:#ff9c00!important } .v2018 .producto.dcto30 .etiqueta, .v2018 .productoLista.dcto30 .etiqueta { background-color:#ff5a00!important } .v2018 .producto.dcto40 .etiqueta, .v2018 .productoLista.dcto40 .etiqueta { background-color:red!important } .v2018 .producto.dcto50 .etiqueta, .v2018 .productoLista.dcto50 .etiqueta { background-color:#cf0000!important } .v2018 .productos { width:100% } .v2018 .productoLista a .precioAhora { color:#000!important; float:right!important; font-size:1.3em!important; font-weight:700!important; position:relative; top:2px!important } .v2018 .productoLista a .precioAhora { top:128px!important; right:15px!important; text-align:right!important; position:absolute } .bestsellersPortada.v2018 .productoLista a .precioAhora { top:108px!important } .bestsellersPortada.v2018 .productoLista a .precioAntes { top:94px!important } .v2018 .productos .producto>a .envioExpress { background:url(https://statics.cdn0.buscalibre.com/images/20181129-1150spritedetalle.png); background-position:0 -36px; height:36px; width:122px; top:154px; position:absolute; display:block; text-indent:-9999px; left:0 } .v2018 .productoLista a .precioAntes { right:16px!important; top:114px!important; float:right!important; font-size:.8em; position:absolute; text-align:right!important; width:100% } .v2018 .productoLista a .despachoGratisIcono { display:none } .v2018 .productos .producto .stock { display:none } .v2018 .productos .producto .imagen img { height:100%!important; max-width:100%; box-shadow: 4px 4px 3px 0 rgb(0 0 0 / 15%); } .v2018 .productos .producto .despachoGratisIcono { top:105%; background:#fff; border:1px solid #eee; width:100%; height:30px; text-indent:0; display:none } .v2018 .productos .producto .despachoGratisIcono:before, .v2018 .productosLista .productoLista .despachoGratisIcono:before { content:''; color:#ff5a00; display:inline-block; height:19px; width:27px; background:url(https://statics.cdn0.buscalibre.com/images/20181129-1150spritedetalle.png) -190px -36px; top:5px; left:20px; position:relative } .v2018 .productos .producto .despachoGratisIcono:after, .v2018 .productosLista .productoLista .despachoGratisIcono:after { content:'Envío gratis'; color:#ff5a00; display:inline-block; top:2px; left:40px; position:relative } .v2018 .productos .producto .etiqueta, .v2018 .productos .producto .mesLibroSINIVA { font-weight:300!important; line-height:12px!important; padding-top:8px!important; padding-left:15px!important; z-index:0!important; text-indent:-99999px!important } .v2018 .productoLista .descuento-percent { position:absolute; bottom:inherit; bottom:7px; left:15px; z-index:1; color:#fff; font-weight:400; font-size:.9em; display:block!important } .v2018 .productoLista .descuento-percent { left:175px; top:118px; font-size:1em } .v2018 .productoLista .descuento-percent:after { content:'dcto.'; display:block; position:absolute; top:14px; font-weight:300 }.v2018.categoria .productos .producto { margin-bottom:80px } .v2018.categoria .cantidadProductos { border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin:15px } .v2018.categoria .breadcrumb { margin:15px } .v2018 .productosLista .productoLista a .envioExpress { background:url(https://statics.cdn0.buscalibre.com/images/20181129-1150spritedetalle.png)!important; background-position:0 -36px!important; height:36px!important; width:122px!important; top:120px!important; left:0 } .v2018 .productosLista .productoLista .descuento, .v2018 .productosLista .productoLista .stock, .v2018 .productosLista .productoLista h6:nth-child(4) { display:none!important } .v2018 .productosLista .productoLista .despachoGratisIcono { display:block; background:#fff; border:1px solid #eee; width:203px; height:30px; text-indent:0; top:160px; left:160px; position:absolute } .v2018 .productosLista .productoLista .despachoGratisIcono:after { left:45px } section.bestsellersPortada.v2018 { width:225px; overflow: hidden; } section.bestsellersPortada.v2018 .bestsellers .productosLista .productoLista .despachoGratisIcono { background:#fff!important; left:inherit!important; width:140px!important; font-size:.8em; height:30px!important; display:none } .mobile section.bestsellersPortada.v2018 .bestsellers .productosLista .productoLista .despachoGratisIcono { display:block } .bestsellersPortada.v2018 .productosLista .productoLista h6:first-of-type { height:35px!important } .bestsellersPortada.v2018 .productosLista .productoLista .envioExpress { background-size:420px!important; background-position:0 -25px!important; width:85px!important; height:26px!important; top:85px!important } .bestsellersPortada.v2018 .productosLista .etiqueta { left:100px!important; width:20px!important; height:30px!important; top:100px!important } .bestsellersPortada.v2018 .productosLista .etiqueta:after { background-position:-205px 0!important; color:#ff5a00!important; background-size:465px!important; width:8px!important; height:30px!important; left:31px!important } .bestsellersPortada.v2018 .productosLista .productoLista.dcto10 .etiqueta:after { background-position:-224px 0!important } .bestsellersPortada.v2018 .productosLista .productoLista.dcto20 .etiqueta:after { background-position:-215px 0!important } .bestsellersPortada.v2018 .productosLista .productoLista.dcto40 .etiqueta:after { background-position:-195px 0!important } .bestsellersPortada.v2018 .productosLista .productoLista.dcto50 .etiqueta:after { background-position:-187px 0!important } .bestsellersPortada .productosLista a div.field, .bestsellersPortada .productosLista a div.title { margin-left:110px } .bestsellersPortada.v2018 .productosLista .descuento-percent { left:105px; z-index:3; font-size:.7em; top:100px } .bestsellersPortada.v2018 .productoLista .precioAntes { font-size:.8em } .bestsellersPortada.v2018 .productoLista .precioAhora { font-size:1em!important } .bestsellersPortada.v2018 .productosLista .productoLista { height:125px } .bestsellersPortada .stars { display:none!important } .mobile .v2018 .bestsellers h5 { font-size:1.1em; margin:0; padding:0 0 0 5px; height:50px; line-height:2.3em; font-weight:400; border-bottom:1px dashed #ddd; float:left; width:100%; text-align:center } .v2018 .envio-gratis div:before { background-position:-190px -36px; height:19px; width:27px } .v2018 .sprite-detalle-after:after { background-image:url(https://statics.cdn0.buscalibre.com/images/20181129-1150spritedetalle.png); content:""; display:inline-block } .v2018 .sprite-detalle-before:before { background-image:url(https://statics.cdn0.buscalibre.com/images/20181129-1150spritedetalle.png); content:""; display:inline-block; height:26px; width:27px; background-position:-200px 0; top:5px; position:relative; margin-right:10px } .v2018 .sprite-detalle-before { overflow:visible } .box-gray { padding:25px 10px; background:#f7f7f7; border:1px solid #f0f0f0 } .box-success { padding:10px; background:#f7f7f7; border:1px solid #ff4f00; border-radius:2px } .box-success.border-green { border:1px solid #093 } .cursor-pointer { cursor:pointer } .form-control { display:inline-block; width:100%; padding:5px 10px; font-size:1rem; line-height:1.5; color:#495057; background-color:#fff; background-clip:padding-box; border:1px solid #ced4da; border-radius:.25rem; box-sizing:border-box } select.form-control { height:30px } .sprite-base-before:before { background:url(https://statics.cdn0.buscalibre.com/images/20190515-1111sprite.png); content:""; display:inline-block } .login-card-icon:before { width:45px; height:45px; margin-right:20px; background-position:0 -175px; vertical-align:top } .login-shipping-icon:before { width:45px; height:38px; margin-right:20px; background-position:0 -131px; vertical-align:top } .login-warranty-icon:before { width:45px; height:38px; margin-right:20px; background-position:-46px -176px; vertical-align:top } section#producto .relacionados .productos { padding-bottom:0!important } .v2018 .stars { background-image:url(https://statics.cdn0.buscalibre.com/images/20180914-1600sprite-estrellas.png); display:inline-block; width:95px; height:20px; background-position:-95px -28px } .v2018 .stars.stars-05 { background-position:-276px -28px } .v2018 .small.stars.stars-05 { background-position:-218px -23px } .v2018 .stars.stars-1 { background-position:-76px -28px } .v2018 .stars.stars-15 { background-position:-257px -28px } .v2018 .small.stars.stars-15 { background-position:-203px -23px } .v2018 .stars.stars-2 { background-position:-57px -28px } .v2018 .stars.stars-25 { background-position:-238px -28px } .v2018 .small.stars.stars-25 { background-position:-188px -23px } .v2018 .stars.stars-3 { background-position:-38px -28px } .v2018 .stars.stars-35 { background-position:-219px -28px } .v2018 .small.stars.stars-35 { background-position:-173px -23px } .v2018 .stars.stars-4 { background-position:-19px -28px } .v2018 .stars.stars-45 { background-position:-200px -28px } .v2018 .small.stars.stars-45 { background-position:-157px -23px } .v2018 .stars.stars-5 { background-position:0 -28px } .v2018 .small.stars { background-size:310px; width:76px; height:14px } .v2018 .small.stars.stars-5, .v2018 .small.stars.stars-50 { background-position:0 -23px } .v2018 .small.stars.stars-4, .v2018 .small.stars.stars-40 { background-position:-15px -23px } .v2018 .small.stars.stars-3, .v2018 .small.stars.stars-30 { background-position:-30px -23px } .v2018 .small.stars.stars-2, .v2018 .small.stars.stars-20 { background-position:-45px -23px } .v2018 .small.stars.stars-1, .v2018 .small.stars.stars-10 { background-position:-60px -23px } .v2018 .small.stars.stars-0, .v2018 .small.stars.stars-00 { background-position:-75px -23px } .v2018 .bestsellers { float:left; overflow-x:hidden } .v2018 .productosLista .productoLista.testgrillameta { padding:15px 0; } .v2018 .productosLista .productoLista.testgrillameta a img { max-width:124px; margin-left:10px; margin-top:0 } .v2018 .productosLista .productoLista.testgrillameta a .envioExpress { top:155px!important; left:-140px!important; background-size:550px!important; background-position:0 -33px!important; width:110px!important } .v2018 .productosLista .productoLista.testgrillameta a .margin-left-list { margin-left:145px!important } .v2018 .productoLista.testgrillameta .etiqueta { left:2px!important; top:100px!important } .mobile .v2018 .productoLista.testgrillameta .etiqueta { top:120px!important } .v2018 .productoLista.testgrillameta .descuento-percent { left:15px!important; top:123px!important } .v2018 .productoLista.testgrillameta .despachoGratisIcono { left:2px!important; width:95%; top:165px } .v2018 .productoLista.testgrillameta .despachoGratisIcono:after { left:25% } .v2018 .productoLista.testgrillameta .despachoGratisIcono:before { left:20% } .v2018 .productoLista.testgrillameta a .precioAntes { right:15px!important; top:120px!important } .v2018 .productoLista.testgrillameta a .precioAhora { right:13px!important; top:135px!important; width:100% } .v2018 .productoLista.testgrillameta a .metas { text-transform:capitalize; font-size:14px!important; line-height:16px } .v2018 .productoLista.testgrillameta a div.title { margin-left:0 } .v2018 .productoLista.testgrillameta a div.field { font-size:15px!important; height:18px } .bestsellersPortada.v2018 .productoLista.testgrillameta a .estrellas { display:none } .bestsellersPortada.v2018 .productoLista.testgrillameta a img { width:80px!important } .bestsellersPortada.v2018 .productoLista.testgrillameta a .margin-left-list { margin-left:110px!important } .bestsellersPortada.v2018 .productoLista.testgrillameta a .precioAhora { top:98px!important } .bestsellersPortada.v2018 .productoLista.testgrillameta a .precioAntes { top:112px!important } .bestsellersPortada.v2018 .productoLista.testgrillameta a .metas { display:none } .bestsellersPortada.v2018 .productosLista .productoLista.testgrillameta a .envioExpress { top:100px!important; background-size:420px!important; background-position:0 -25px!important; width:85px!important; left:-110px!important } .bestsellersPortada.v2018 .productosLista .productoLista.testgrillameta a div.field { margin-left:0 } .bestsellersPortada.v2018 .productoLista.testgrillameta .descuento-percent { top:100px!important; left:7px!important } .bestsellersPortada .productosLista .productoLista > a > div > .despachoGratisIcono { position: static; font-size: 0.9em; border: none; } .bestsellersPortada .productosLista .productoLista > a > div > .despachoGratisIcono:before { left: 0; } .bestsellersPortada .productosLista .productoLista > a > div > .despachoGratisIcono:after { left: 5px; } .bestsellersPortada .productosLista .productoLista > a > div .despachoGratisIcono:last-of-type { display: none; } .v2018 .productos .producto a .autor { color:#000; height:18px; font-family:Raleway } .v2018 .productos .producto a .metas { height:35px; -webkit-line-clamp:2; font-family:Raleway } .v2018 .productos .producto { margin:0 21px 80px } #filtros h3 { margin-bottom:0; margin-top:2px; border-bottom:#ff5a00 2px solid; color:#555; padding:13px } #filtros .box-list { border-top:0 } #filtros .box-list>ul>li { border:1px solid #ddd } #filtros .box-list ul li { padding:10px 0 10px 4px; background:#eee; box-sizing:border-box } #filtros .box-list ul li ul { margin-top:5px } #filtros .box-list ul li ul li { height:auto; line-height:1em; width:98% } #filtros .box-list ul li ul li.opened { line-height:2em } #filtros .box-list ul li ul li.opened a { top:0; left:10px } #filtros .box-list ul li a { color:#333 } @media (max-width:768px) { .padding-sides-responsive { padding:0 25px!important } .padding-xs-0 { padding:0!important } .padding-left-xs-0 { padding-left:0!important } .padding-left-xs-10 { padding-left:10px!important } .padding-top-xs-10 { padding-top:10px!important } .margin-top-xs-0 { margin-top:0!important } .margin-top-xs-20 { margin-top:20px!important } .margin-top-xs-10 { margin-top:10px!important } .margin-bottom-xs-10 { margin-bottom:10px!important } .margin-bottom-xs-50 { margin-bottom:50px!important } .margin-xs-0 { margin:0!important } .margin-left-xs-0 { margin-left:0!important } .margin-right-xs-0 { margin-right:0!important } .display-xs-none { display:none } .box-filtros { margin:10px 0; padding:15px 10px } .bestsellersPortada .productosLista a div.field, .bestsellersPortada .productosLista a div.title { margin-left:80px } .bestsellersPortada .productosLista a div.title { height:16px } .font-size-xs-small { font-size:.85em } .font-size-xs-medium { font-size:1.2em } .width-xs-90 { width:90%!important } .width-xs-100 { width:100%!important } .width-xs-70 { width:70%!important } .width-xs-30 { width:30%!important } .text-align-xs-center { text-align:center } .mobile .modal { width:90% } } @media (max-width:800px) { .v2018 .productosLista .productoLista { height:190px } } a { text-decoration:none } section.contenedor { width:1120px; clear:left; margin:0 auto } body a, body div, body li, body p { font-family:Lato; font-display:swap } header.principal { margin-bottom:0!important; z-index:2!important } #cart_button, #iniciarSesion, .listaDeDeseos { height:75px!important } header.principal>section.inferior section.contenedor .logo { height:70px; overflow:hidden!important } .fixed { position:fixed!important; top:0!important; z-index:0 } header.principal>section.inferior { height:auto!important } header.principal>section.inferior section.contenedor #iniciarSesion>a>span.usuarioContorno { width:19px!important; height:20px!important; display:inline-block!important; margin-top:30px!important; background-position:-71px 0!important } header.principal>section.inferior section.contenedor #iniciarSesion>a>h6 { margin-left:8px!important; font-size:.8em!important; top:25px!important } header.principal>section.inferior section.contenedor .listaDeDeseos>a>.corazonContorno { width:22px; height:20px; display:block; float:left; margin-top:30px; background-position:-91px 0 } header.principal>section.inferior section.contenedor #cart_button { width:auto!important; padding:0 10px 0 0!important } header.principal>section.inferior section.contenedor #cart_button>a>span.carroCompraHeader { width:16px; height:32px; display:block; float:left; margin-top:27px; background-position:-113px 0; position:relative; top:16px; left:10px } header.principal>section.inferior section.contenedor #iniciarSesion>a>p.texto { font-weight:300!important; top:28px important; margin-left:27px!important } header.principal>section.inferior section.contenedor .listaDeDeseos>a>p { line-height:3em!important; font-weight:300!important; margin-left:5px!important } header.principal>section.inferior section.contenedor .listaDeDeseos { width:auto!important } header.principal>section.inferior section.contenedor #iniciarSesion { width:160px!important } header.principal>section.inferior section.contenedor #cart_button>a>p { margin-top:27px!important } header.principal>section.superior>section.contenedor>nav { width:auto!important } header.principal>section.superior>section.contenedor>nav>ul>li>a { padding:0 15px!important } header.principal>section.superior>section.contenedor>aside .descargaNuestraApp>p { font-size:.8em!important } header .cambiarPais { padding-right:20px } header.principal>section.superior>section.contenedor>aside .cambiarPais { height:32px } header.principal>section.superior>section.contenedor>aside .cambiarPais>span { height:22px!important; width:22px!important; border-radius:12px; top:0!important; background-image:url(https://statics.cdn0.buscalibre.com/images/sprite_20160426-1325.png)!important; cursor:pointer } header.principal>section.superior>section.contenedor>aside .cambiarPais .opcionesPais { display:none } header.principal>section.superior>section.contenedor>aside .cambiarPais .opcionesPais nav ul li:hover a { color:#ff5a00 } header .p42 { background-position:-34px -119px!important } header .p131 { background-position:-140px -119px!important } header .p46 { background-position:-69px -119px!important } header .p10 { background-position:-6px -119px!important } header .p64 { background-position:-104px -119px!important } header .p160 { background-position:-173px -119px!important } header .p211 { background-position:-209px -119px!important } header .p29 { background-position:-273px -118px!important } .opcionesPais { border:1px solid #ddd; position:absolute; display:block; background:#fff; top:32px; color:#333; padding:0 40px 20px 20px; z-index:1; min-width:160px; border-radius:0 0 10px 10px } .opcionesPais a { color:#333; font-weight:300 } header .opcionesPais li a span { height:22px; width:22px; display:inline-block; border-radius:12px; position:relative; top:5px; left:-10px } #menu-mobile .opcionesPais li[value="10"] a span, header .opcionesPais li[value="10"] a span { background-position:-6px -119px!important } #menu-mobile .opcionesPais li[value="42"] a span, header .opcionesPais li[value="42"] a span { background-position:-34px -119px!important } #menu-mobile .opcionesPais li[value="46"] a span, header .opcionesPais li[value="46"] a span { background-position:-69px -119px!important } #menu-mobile .opcionesPais li[value="64"] a span, header .opcionesPais li[value="64"] a span { background-position:-104px -119px!important } #menu-mobile .opcionesPais li[value="131"] a span, header .opcionesPais li[value="131"] a span { background-position:-140px -119px!important } #menu-mobile .opcionesPais li[value="160"] a span, header .opcionesPais li[value="160"] a span { background-position:-173px -119px!important } #menu-mobile .opcionesPais li[value="211"] a span, header .opcionesPais li[value="211"] a span { background-position:-209px -119px!important } #menu-mobile .opcionesPais li[value="???"] a span, header .opcionesPais li[value="???"] a span { background-position:-273px -118px!important } header.principal>section.inferior section.contenedor #cart_button>a>p>span { vertical-align:top; font-size:.8em; position:absolute; top:16px; height:15px; width:15px; display:inline-block; text-align:center; left:12px; line-height:45px; font-weight:700 } header.principal>section.inferior section.contenedor #cart_button>a>p>label { cursor:pointer } .sprite2018 { background-image:url(https://statics.cdn0.buscalibre.com/images/20181026-1430sprite.png)!important; background-image:url(https://statics.cdn0.buscalibre.com/images/20190115-1734sprite.png)!important; background-image:url(https://statics.cdn0.buscalibre.com/images/20190117-1251sprite.png)!important; background-image:url(https://statics.cdn0.buscalibre.com/images/20190321-1818sprite.png)!important; background-repeat:no-repeat } @media (max-width:425px) { header { height:auto!important } button#botonBuscarHeader:after { content:''; height:17px; width:17px; display:inline-block; background:url(https://statics.cdn0.buscalibre.com/images/20181012-1045sprite.png); background-position:-112px -129px; position:absolute; top:11px; right:13px } header .col { padding:0 } header.principal>section.inferior section.contenedor #cart_button>a>span.carroCompraHeader { float:right!important; margin:8px 25px 0!important; background-image:url(https://statics.cdn0.buscalibre.com/images/mobile_sprite_20131024.png)!important; background-position:-28px -24px; width:30px } header.principal>section.inferior section.contenedor #cart_button>a>p { display:block!important } header.principal>section.inferior section.contenedor #cart_button>a>p>span { right:16px; top:-12px; left:inherit } #cart_button label { display:none } .col-cart { zoom:85%; margin:10px } } header.principal>section.inferior section.contenedor #cart_button, header.principal>section.inferior section.contenedor #iniciarSesion, header.principal>section.inferior section.contenedor .listaDeDeseos { margin-right:0!important } header.principal>section.inferior section.contenedor #cart_button { width:50px; margin-right:0!important } @media (max-width:1150px) { header.principal>section.inferior section.contenedor .row .col-cart { display:-webkit-inline-box; max-width:100% } } @media (max-width:800px) { .col-cart { position:absolute!important; right:0!important; top:0!important } } @media (max-width:425px) { header.principal>section.inferior section.contenedor #cart_button { width:25px!important } } header.principal { width:100%; clear:left; margin-bottom:50px; position:relative; z-index:1; border-top:1px solid #000 } header.principal>section.superior { background:#000; width:100%; height:40px; clear:left; border-bottom:1.5px solid #ff5a00 } header.principal>section.superior>section.contenedor>nav { height:40px; width:590px; display:inline-block } header.principal>section.superior>section.contenedor>nav>ul { margin:0; padding:0; height:100% } header.principal>section.superior>section.contenedor>nav>ul>li { display:inline-block; height:100%; position:relative } header.principal>section.superior>section.contenedor>nav>ul>li>a { color:#fff; padding:0 10px; height:100%; display:block; line-height:3em; font-size:.8em; font-weight:400; letter-spacing:.03em; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.superior>section.contenedor>aside>div.activo>a, header.principal>section.superior>section.contenedor>aside>div>a:hover, header.principal>section.superior>section.contenedor>nav>ul>li.activo>a, header.principal>section.superior>section.contenedor>nav>ul>li>a:hover { background:#ff9800; background:-moz-linear-gradient(top, #ff9800 0, #ff5f00 100%); background:-webkit-linear-gradient(top, #ff9800 0, #ff5f00 100%); background:linear-gradient(to bottom, #ff9800 0, #ff5f00 100%); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.superior>section.contenedor>nav>ul>li>a span.casaInicio { width:20px; height:20px; display:inline-block; position:relative; top:4px; margin-right:7px } header.principal>section.superior>section.contenedor>aside { float:right; height:100% } header.principal>section.superior>section.contenedor>aside>div { display:inline-block; height:100%; position:relative } header.principal>section.superior>section.contenedor>aside>div>a { color:#fff; padding:0 10px; height:100%; display:block; line-height:3.4em; font-size:.8em; font-weight:400; letter-spacing:.03em; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.superior>section.contenedor>aside>div>a:hover { background:#ff9800; background:-moz-linear-gradient(top, #ff9800 0, #ff5f00 100%); background:-webkit-linear-gradient(top, #ff9800 0, #ff5f00 100%); background:linear-gradient(to bottom, #ff9800 0, #ff5f00 100%); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.superior>section.contenedor>aside .cambiarPais>span { height:20px; width:20px; display:block; background:#0ff; text-indent:-9999px; position:relative; top:5px } header.principal>section.superior>section.contenedor>aside .cambiarPais .opcionesPais { display:none } header.principal>section.superior>section.contenedor>aside .descargaNuestraApp { -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.superior>section.contenedor>aside .descargaNuestraApp:hover { background:#ff9800; background:-moz-linear-gradient(top, #ff9800 0, #ff5f00 100%); background:-webkit-linear-gradient(top, #ff9800 0, #ff5f00 100%); background:linear-gradient(to bottom, #ff9800 0, #ff5f00 100%); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.superior>section.contenedor>aside .descargaNuestraApp>p { cursor:pointer; color:#fff; padding:0 10px; margin:0; height:100%; display:block; line-height:3.4em; font-size:.8vw; font-weight:400; letter-spacing:.03em } .modal-contenido.descargaNuestraApp { width:400px } .modal-contenido.descargaNuestraApp>p { text-align:center; margin:0; text-transform:uppercase; font-weight:400; letter-spacing:.05em } .modal-contenido.descargaNuestraApp>div { cursor:pointer; display:inline-block; width:calc(42% - 10px); margin:calc(5% - 10px); padding:10px; -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); box-shadow:1px 1px 5px rgba(0, 0, 0, .2); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .modal-contenido.descargaNuestraApp>div:hover { opacity:.7; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .modal-contenido.descargaNuestraApp>div>a { width:100%; height:100%; display:inline-block; color:#000 } .modal-contenido.descargaNuestraApp>div>a>p { text-align:center; padding:0; margin:0 } .modal-contenido.descargaNuestraApp>div>a>span { margin:10px auto 20px; display:block; height:70px; width:80px; text-indent:-9999px } .modal-contenido.descargaNuestraApp>div>a>span.apple { background-position:0 -20px; width:58px; height:71px } .modal-contenido.descargaNuestraApp>div>a>span.android { background-position:-59px -20px; width:57px; height:69px } .modal-contenido.descargaNuestraApp>div>a>p.descargar { background:#ff5a00; text-align:center; color:#fff; display:block; margin:0 auto; font-size:.9em; font-weight:300; padding:10px 0; letter-spacing:.05em; border-radius:5px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .modal-contenido.descargaNuestraApp>div>a>p.descargar:hover { background:#ff7233; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .modal-contenido.descargaNuestraApp>div>a>p.descargar:active { background:#d94300; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior { background:#f5f5f5; width:100%; height:70px; clear:left; -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); box-shadow:1px 1px 5px rgba(0, 0, 0, .2) } header.principal>section.inferior section.contenedor .row { width:100% } header.principal>section.inferior section.contenedor .logo { float:left; height:100% } header.principal>section.inferior section.contenedor .logo>a { display:inline-block; width:100%; height:100% } header.principal>section.inferior section.contenedor .logo>a>span { text-indent:-9999px; display:inline-block } header.principal>section.inferior section.contenedor .logo>a>img { margin-top:15px; margin-left:10px } header.principal>section.inferior section.contenedor #cart_button, header.principal>section.inferior section.contenedor #iniciarSesion, header.principal>section.inferior section.contenedor .listaDeDeseos { height:100%; position:relative; float:right; margin-right:10px; padding:0 10px } header.principal>section.inferior section.contenedor #cart_button:hover { background:#eceaea; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor #cart_button { height:100%; width:70px; position:relative } header.principal>section.inferior section.contenedor #cart_button>a { display:inline-block; width:100%; height:100%; color:#000 } header.principal>section.inferior section.contenedor #cart_button>a>p { display:inline-block; font-weight:700; margin-top:25px; line-height:1.8em } header.principal>section.inferior section.contenedor .listaDeDeseos { width:170px; padding:0 10px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor .listaDeDeseos:hover { background:#eceaea; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor .listaDeDeseos>a { width:100%; height:100%; display:inline-block; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor .listaDeDeseos>a:hover { color:#555; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor .listaDeDeseos>a>p { color:#000; font-weight:400; font-size:1em; line-height:2.2em; margin-left:10px; display:inline-block } header.principal>section.inferior section.contenedor #iniciarSesion { position:relative; z-index:0; width:180px; padding:0 10px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor #iniciarSesion:hover { background:#eceaea; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } header.principal>section.inferior section.contenedor #iniciarSesion>a { width:100%; height:100%; display:inline-block } header.principal>section.inferior section.contenedor #iniciarSesion>a>span.usuarioContorno { width:33px; height:36px; display:inline-block; margin-top:20px; background-position:0 -128px } header.principal>section.inferior section.contenedor #iniciarSesion>a>h6 { font-weight:500; font-size:1em; display:inline-block; color:#000; margin:0; position:absolute; top:20px; margin-left:5px } header.principal>section.inferior section.contenedor #iniciarSesion>a>p.texto { font-weight:400; font-size:.8em; position:absolute; top:30px; margin-left:45px; color:#000 } header.principal>section.inferior section.contenedor #iniciarSesion>a>span.flechaAbajo { background-position:-22px 0; width:12px; height:7px; display:block; margin-top:20px; position:absolute; top:15px; right:10px } header.principal>section.inferior section.contenedor #iniciarSesion .opcionesCuenta { display:none; background:#eceaea; width:200px; position:relative; left:-10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; overflow:hidden } header.principal>section.inferior section.contenedor #iniciarSesion:hover .opcionesCuenta { display:block } header.principal>section.inferior section.contenedor #iniciarSesion .opcionesCuenta>nav ul li { height:40px; width:100% } header.principal>section.inferior section.contenedor #iniciarSesion .opcionesCuenta>nav ul li:first-of-type { padding-top:10px } header.principal>section.inferior section.contenedor #iniciarSesion .opcionesCuenta>nav ul li:hover { background:#e6e5e5 } header.principal>section.inferior section.contenedor #iniciarSesion .opcionesCuenta>nav ul li a { line-height:2.2em; padding:0 10px; color:#000; height:100%; text-align:right; display:inline-block; width:calc(100% - 20px) } @media (max-width:800px) { header.principal>section.inferior section.contenedor #iniciarSesion, header.principal>section.inferior section.contenedor .listaDeDeseos, header.principal>section.superior { display:none } } body { margin-top:50px!important } body .headerMargin { display:none } .avisoTop { background-color:#353b8a; height:50px; width:100%; color:#fff; font-weight:700; text-align:center; font-size:1.3em; text-shadow:0 0 10px #000; position:absolute; top:0; font-family:Arial, Helvetica, sans-serif; line-height:1.9em; -webkit-box-shadow:0 10px 20px -14px #000; -moz-box-shadow:0 10px 20px -14px #000; box-shadow:0 10px 20px -14px #000; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; background:#ff9800; background:-moz-linear-gradient(left, #ff9800 0, #ff5f00 100%); background:-webkit-linear-gradient(left, #ff9800 0, #ff5f00 100%); background:linear-gradient(to left, #ff9800 0, #ff5f00 100%); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .avisoTop a { width:100%; height:100%; display:inline-block } .avisoTop p { margin:0; height:100%; text-shadow:none; color:#fff; display:inline-block; padding:0 20px; font-weight:300; line-height:2.3em; font-weight:400; letter-spacing:.03em } section#teTraemos { margin-top:60px!important; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } @media (max-width:1200px) { body { margin-top:50!important } .avisoTop { height:60px } .avisoTop p { line-height:1.1em; font-size:.9em; height:auto; vertical-align:text-top } } section.buscaVehiculo>label { font-weight:700; margin-right:10px } section.buscaVehiculo>select { padding:5px; outline:0; width:140px } section.buscaVehiculo>select:focus { border:1px solid #a01d27 } section.buscaVehiculo>select>option { padding:6px } section.buscaVehiculo .select2-container { margin:0 3px } .autocomplete-suggestions { border:1px solid #999; background:#fff; overflow:auto } .autocomplete-suggestion { padding:2px 5px; white-space:nowrap; overflow:hidden } .autocomplete-selected { background:#f0f0f0 } .autocomplete-suggestions strong { font-weight:400; color:#39f } .autocomplete-group { padding:2px 5px } .autocomplete-group strong { display:block; border-bottom:1px solid #000 } header.principal>section.superior>section.contenedor>aside .cambiarPais:hover .opcionesPais { display:block } section#bannerPrincipal { margin-top:10px; width:100% } section#teTraemos { font-family:'Open Sans', Helvetica, Arial, sans-serif; margin-right:270px; top:230px; height:275px } section#teTraemos>div { width:49% } section#teTraemos>div:first-of-type { margin-right:1% } section#teTraemos>div a { width:100%; height:100%; display:block } section#teTraemos>div a img { margin:20px auto 0; display:block; width:calc(90% - 10px); margin-top:calc(8% - 30px); max-height:170px; max-width:550px } section#teTraemos .izquierda { background:#fff; border:1px solid #ccc } section#teTraemos .derecha { background:#000; background:url(https://statics.cdn0.buscalibre.com/images/portadaHome/20200127_CL/bg.jpg) center; border:1px solid #fff1f6 } section#teTraemos>div a input[type=button] { border:none; margin:20px auto 0; display:block; padding:4px 21px; font-size:1.8em; font-weight:400; letter-spacing:.05em; outline:0; font-family:Lato, Arial, Helvetica, sans-serif!important } section#teTraemos>.derecha a input[type=button], section#teTraemos>.izquierda a input[type=button] { background:#ffef00; color:#000; border:2px solid #000; border-radius:15px; padding:4px 21px } section#teTraemos>.derecha a input[type=button]:active, section#teTraemos>.derecha a input[type=button]:hover, section#teTraemos>.izquierda a input[type=button]:active, section#teTraemos>.izquierda a input[type=button]:hover { background:#d0c208 } @media (max-width:1140px) { section#teTraemos>div a img { width:calc(100% - 10px); margin-top:15% } } @media (max-width:768px) { section#bannerPrincipal { clear:left; display:block; width:100%;} section#teTraemos>div { width:100%; height:50% } section#teTraemos>div a img { width:50%; margin-top:2%; display:inline-block; margin-left:10% } section#teTraemos>div a input[type=button] { display:inline-block } } @media (max-width:620px) { section#teTraemos>div a img { max-width:calc(75% - 10px); margin:0 auto; display:block; max-height:180px; width:auto } section#teTraemos>div a input[type=button] { font-size:1em; margin:15px auto 0; display:block; display:none } } @media (max-width:450px) { section#teTraemos>div a img { width:calc(95% - 10px); max-height:300px; max-width:inherit; margin-top:3% } } section#ads { clear:left; float:right; position:relative; top:0; right:0; left:initial; width:240px; height:280px; margin-top:0; margin-right:10px } section#ads div { width:100%; height:90px; margin:0 0 2px 0; overflow:hidden } section#ads div a { width:100%; height:100%; display:block } section#ads div:last-of-type { margin:auto } @media (max-width:768px) { section#ads { width:98%; height:auto; margin:0 1% } section#ads>div, section#ads>div:last-of-type { width:calc(34% - 10px); margin:0 1% 0 0; float:left; height:auto } section#ads>div:last-of-type { margin:0 } section#ads>div>a>img { width:100% } .mobile section#ads { margin-top:0; height:auto } } @media (max-width:460px) { section#ads>div, section#ads>div:last-of-type { width:calc(98% - 1%); float:none; margin:0 auto 10px } } body.bodyv2018 section#teTraemos { top:190px } body.bodyv2018 section#adsAbajo>div:nth-child(1) { background:#6b3a9d; border:1px solid #ccc; position:relative; top:2px } body.bodyv2018 section#adsAbajo>div:nth-child(2) { background:#181818; background:#ff313e; border:1px solid #ccc; position:relative; top:2px } body.bodyv2018 section#adsAbajo>div:nth-child(3) { background:#705e90; border:1px solid #ccc; position:relative; top:2px } body.bodyv2018 section#adsAbajo>div:nth-child(4) { background:#fb3942; border:1px solid #ccc; position:relative; top:2px } .otro-precio { color:#c00; font-size:.9em; position:absolute; bottom:-45px; text-align:right; width:100% } .productos .producto a .imagen img { height:auto } #teTraemosUSA .tiendas { width:auto; padding:0 30px } @media (min-width:1025px) { header article#header-bottom>#categorias ul { display:block } } .loading .spinner { display:inline-block!important } .loading .add-to-cart:before { visibility:hidden } .spinner { position:absolute; top:22px; left:22px } .button-white { background:#fff!important; border:1px solid #ff5a00!important; color:#ff5a00!important } .button-green { background:#5cb85c!important; border:1px solid #4cae4c!important; color:#fff!important } element.style { display:none } .v2018 .sprite-before:before { background-image:url(https://statics.cdn0.buscalibre.com/images/20190507-1556sprite.png); content:""; display:inline-block } .add-cart { position:relative; top:5px; width:100% } .add-cart a { font-size:.9em; text-align:center } .add-to-cart:before { width:16px; height:16px; background-position:-152px 0; top:3px; position:relative; margin-right:9px; background-size:170px } .success:before { background-image:url(https://statics.cdn0.buscalibre.com/images/add-cart-check.png); content:""; display:inline-block; width:16px; height:16px; background-position:0 0; top:1px; left:-10px; position:relative; margin-right:0; background-size:20px } .preview { position:absolute; top:0; background:#fff; width:105%; padding:10px; opacity:.9; text-align:center; box-sizing:border-box } .preview a { color:#ff4f00!important } .preview a::after { content:''; background-image:url(https://statics.cdn0.buscalibre.com/images/testab/preview.png); width:22px; height:17px; display:inline-block; background-size:22px; top:1px; position:relative; margin-left:5px } #modal-preview { height:80%; width:620px; padding-top:0; overflow:hidden } #modal-preview .modal-header { background:#f5f5f5; padding:10px } #modal-preview .modal-header img { max-width:100% } #modal-preview .modal-header .cerrar { position:absolute; right:15px; top:15px; cursor:pointer; background-image:url(https://statics.cdn0.buscalibre.com/images/20190321-1818sprite.png); display:inline-block; background-position:-151px 0; height:12px; width:13px; background-size:180px } .mobile #modal-preview .modal-header .cerrar { background-position:-184px -15px; height:20px; width:18px; background-size:116px } #modal-preview .modal-body { overflow-y:scroll; line-height:19px; letter-spacing:.5px; text-align:left; color:#444; font-size:14px } #modal-preview .modal-body p { font-family:Georgia, "Times New Roman", Times, serif } #modal-preview .modal-body h1 { font-weight:400; line-height:30px } .mobile #modal-preview { top:2%!important; margin:0!important; left:2%!important; width:87%!important; height:94%!important } .st0 { fill:#ff5a00 } section#bannerPrincipal { top:10px } footer section.arriba section.contenedor>.row { display:flex!important; max-width:100% } footer section.arriba section.contenedor ul li a { color:#4b4b4b!important; font-size:.8em!important; font-weight:400!important; letter-spacing:.03em!important } footer section.arriba section.contenedor ul { display:inline-grid!important; margin-left:60px!important; padding-top:30px } footer .datosContacto a { display:block!important; padding-left:5px } footer section.arriba section.contenedor .certificado { margin-left:0!important; top:0!important } footer section.arriba { padding:10px 0 40px!important } footer .box-contacto { position:relative; height:100%; padding-left:0 } footer .logo { text-align:center } footer section.arriba section.contenedor .datosContacto { width:290px; position:relative!important; bottom:0!important; right:0; top:initial!important; margin:0 auto } footer section.arriba section.contenedor form.tuCorreo { float:initial!important; margin:25px auto 0!important; padding:0 0 20px!important } footer img { max-width:100% } .box-certificado { text-align:center; margin:60px 0 } @media (max-width:425px) { footer section.arriba section.contenedor .datosContacto { width:290px; position:relative; bottom:0!important; right:0; top:initial!important } } .modal-fondo { display:none; background:#000; opacity:.8; position:fixed; top:0; left:0; right:0; width:100%; height:100%; z-index:9998 } .modal-contenido { top:-1500px; background:#fff; width:600px; height:auto; padding:10px; z-index:9999; position:fixed; margin:0 auto; right:0; left:0; border-radius:5px; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease } .modal-contenido.mostrar { top:100px; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease } .modal-contenido.mostrar>span.cerrar { background:#000; color:#fff; text-transform:uppercase; text-align:center; border:1px solid #fff; width:30px; height:30px; border-radius:50%; display:block; line-height:2.3em; font-size:.8em; cursor:pointer; position:absolute; top:-15px; right:-15px; -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .2); box-shadow:1px 1px 5px rgba(0, 0, 0, .2) } .modal-contenido.mostrar>span.cerrar:hover { background:#888 } section#carro { position:relative; top:30px } .sprite2018 { background-image:url(https://statics.cdn0.buscalibre.com/images/sprite20180907-1235.png); background-repeat:no-repeat } section.contenedor { width:1120px; clear:left; margin:0 auto } .botonNaranjo { background:#ff5a00; text-align:center; color:#fff; display:block; margin:0 auto; font-size:.9em; font-weight:300; padding:10px; border:none; letter-spacing:.05em; border-radius:3px; outline:0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .botonNaranjo:hover { background:#ff7233; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .botonNaranjo:active { background:#d94300; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .bodyv2018 section#teTraemos { top:170px; margin-top:0!important } header.principal~.tiendasTodas { margin-top:60px } .tiendasTodas { clear:left; width:100%; display:inline-block } .tiendasTodas section.contenedor h5, .tiendasTodas section.contenedor p { font-size:1em; margin:5px 0 0 0; font-weight:300 } .tiendasTodas section.contenedor h5 { font-size:1.8em; margin:0; font-weight:400; letter-spacing:.03em; line-height:1.2em } .tiendasTodas section.contenedor p { font-size:.9em; margin:0 } .tiendasTodas section.contenedor>div { float:right; width:560px; margin:-40px 0 0 0; position:relative; z-index:1; top:-40px; z-index:-1; clear:right } .tiendasTodas section.contenedor>div>div { width:140px; height:80px; padding-top:20px; display:inline-block; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-shadow:3px 3px 15px -8px #000; -moz-box-shadow:3px 3px 15px -8px #000; box-shadow:3px 3px 15px -8px #000 } .tiendasTodas section.contenedor>div>div:hover { -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .tiendasTodas section.contenedor>div>div a { display:inline-block; height:100%; width:100% } .tiendasTodas section.contenedor>div>div a:hover img { -webkit-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } .tiendasTodas section.contenedor>div>div a img { max-width:100px; max-height:70px; display:block; margin:0 auto; -webkit-filter:grayscale(0); filter:grayscale(0) } .tiendasTodas~.tetraemosForm { margin-top:30px } .tetraemosForm section.contenedor { position:relative; background:#fdedd3; border-radius:5px } .tetraemosForm section.contenedor>p { color:#000; font-size:1.3em; padding:0; margin:0; font-weight:400; margin-top:15px; margin-left:10px; display:inline-block } .tetraemosForm section.contenedor>a { color:#ff5a00; position:absolute; top:20px; right:20px } .tetraemosForm section.contenedor>a>strong { font-weight:900; position:relative; top:1px } .tetraemosForm section.contenedor>form { position:relative; height:60px; margin-top:20px; padding:0 10px } .tetraemosForm section.contenedor>form input { position:absolute; margin-right:10%; width:calc(100% - 180px); height:40px; border-radius:3px; border:1px solid #ccc; padding:0 10px; outline:0 } .tetraemosForm section.contenedor>form button { width:130px; float:right; height:42px } .tetraemosForm~.agregarExtension { margin-top:50px } .agregarExtension { clear:left; width:100% } .agregarExtension>section.contenedor>p { width:100%; font-size:1.1em; font-weight:400 } .agregarExtension>section.contenedor>p>span { color:#ff5a00 } .agregarExtension>section.contenedor>div { float:left; width:calc(100% - 580px); height:183px; background:#f4f4f4; padding:20px } .agregarExtension>section.contenedor>div img { clear:left } .agregarExtension>section.contenedor>div p { font-size:.9em; font-weight:300 } .agregarExtension>section.contenedor>div a { width:42%; display:inline-block } .agregarExtension>section.contenedor>div a.haciaChromeStore { color:#ff5a00; float:right; line-height:2.2em } .agregarExtension>section.contenedor>div a.haciaChromeStore:hover { color:#d94300 } .agregarExtension~.teTraemosVentajas { margin-top:50px } .teTraemosVentajas>section.contenedor>p { width:100%; font-size:1.1em; font-weight:400 } .teTraemosVentajas>section.contenedor>div { width:calc(66% - 10px); display:inline-block } .teTraemosVentajas>section.contenedor>div>.ventajitas { width:calc(45% - 10px); display:inline-grid; margin-right:calc(7% - 10px); margin-bottom:calc(5% - 10px); position:relative } .teTraemosVentajas>section.contenedor>div>.ventajitas>img { max-width:60px; max-height:80px; display:inline-block; position:absolute; top:0; left:0 } .teTraemosVentajas>section.contenedor>div>.ventajitas>h6 { color:#ff5a00; font-size:1.2em; margin:0; font-weight:400 } .teTraemosVentajas>section.contenedor>div>.ventajitas>p { font-weight:300; margin:0 } .teTraemosVentajas>section.contenedor>div>.ventajitas>h6, .teTraemosVentajas>section.contenedor>div>.ventajitas>p { margin-left:70px } .teTraemosVentajas>section.contenedor .tambien { float:right; width:calc(33% - 10px); border:1px solid #ff5a00; border-radius:4px; padding:10px } .teTraemosVentajas>section.contenedor .tambien>strong { font-size:1.2em; margin-bottom:10px; display:block } .teTraemosVentajas>section.contenedor .tambien>ul li { position:relative; height:35px; font-weight:300 } .teTraemosVentajas>section.contenedor .tambien>ul li span { background-image:url(https://statics.cdn0.buscalibre.com/images/20180906-1742check.png)!important; margin-right:10px; width:12px; height:11px; display:inline-block; position:relative; top:0 } .nuestrosClientesDicenDeBL section.contenedor>p { width:100%; font-size:1.1em; font-weight:400 } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div { width:calc(48% - 10px); display:inline-block; margin-right:calc(3% - 10px); margin-bottom:calc(2% - 10px); position:relative; display:inline-grid } .nuestrosClientesDicenDeBL section.contenedor>.opiniones .cargandoOpiniones { color:#ccc; text-align:left } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div>span.avatarClientes { width:27px; height:27px; display:inline-block; position:absolute; top:0; left:0; background-position:-46px 0 } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div>p { margin:0 } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div>.nombreCliente { margin:5px 0 10px 40px; font-weight:500 } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div>.comentario { font-weight:300; font-style:italic; font-size:.9em } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div>.comentario:before { content:" ''" } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div>.comentario:after { content:"'' " } .nuestrosClientesDicenDeBL section.contenedor>span.verMasDicen { color:#ff5a00; float:right; line-height:2.2em; text-align:left; width:100%; cursor:pointer } .nuestrosClientesDicenDeBL section.contenedor>span.verMasDicen:hover { color:#d94300 } footer { padding:0 } footer .formasDePago { background:#fafafa; margin:0; padding-bottom:60px } footer .formasDePago section.contenedor>p { width:100%; text-align:left; clear:left; font-size:1.1em; font-weight:400;text-align:center; } footer .formasDePago section.contenedor>img { display:inline-block; width:calc(10% - 10px); margin-right:calc(6% - 10px); min-height:60px } footer .formasDePago section.contenedor .botones { display:none } footer section.arriba { padding:10px 0; background:#f4f4f4 } footer section.arriba section.contenedor { position:relative } footer section.arriba section.contenedor .logo>a span { text-indent:-9999px; display:inline-block } footer section.arriba section.contenedor>* { display:inline-grid } footer section.arriba section.contenedor>ul { margin-left:70px } footer section.arriba section.contenedor>ul li a { color:#4b4b4b; font-size:.8em; font-weight:400; letter-spacing:.03em } footer section.arriba section.contenedor .certificado { position:relative; top:50px; margin-left:70px } footer section.arriba section.contenedor form.tuCorreo { clear:left; width:280px; margin:50px auto 0; padding:10px; float:right } footer section.arriba section.contenedor form.tuCorreo>label { clear:left; width:100%; text-align:center; display:block; margin:0 0 10px 0; color:#4b4b4b; font-size:.8em; font-weight:400; letter-spacing:.03em } footer section.arriba section.contenedor form.tuCorreo span.campos input[type=email] { height:40px; padding:0 10px; border:1px solid #ddd; outline:0; width:135px; border-radius:5px; margin-right:10px } footer section.arriba section.contenedor form.tuCorreo span.campos input[type=email]:focus { border:1px solid #ff5a00 } footer section.arriba section.contenedor form.tuCorreo span.campos input[type=submit] { background:#ff5a00; text-align:center; border:none; color:#fff; margin:0; font-weight:300; padding:10px 0; letter-spacing:.05em; border-radius:3px; font-size:.8em; outline:0; height:40px; width:110px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } footer section.arriba section.contenedor form.tuCorreo span.campos input[type=submit]:hover { background:#ff7233; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } footer section.arriba section.contenedor form.tuCorreo span.campos input[type=submit]:active { background:#d94300; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease } footer section.arriba section.contenedor form.tuCorreo>input { display:inline-block } footer section.arriba section.contenedor form.tuCorreo>div { display:none; position:relative; top:-50px } footer section.arriba section.contenedor form.tuCorreo>div>svg { width:50px; position:absolute; top:0; left:0; right:0; margin:0 auto; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease } footer section.arriba section.contenedor form.tuCorreo>div>svg#enana-der, footer section.arriba section.contenedor form.tuCorreo>div>svg#enana-izq { top:60px; width:30px } footer section.arriba section.contenedor form.tuCorreo>div>svg#mediana { width:40px; display:block; top:50px } footer section.arriba section.contenedor form.tuCorreo>div>p { text-align:center; text-transform:uppercase; padding-top:90px; font-weight:700; font-size:.8em } footer section.arriba section.contenedor .datosContacto { width:290px; position:absolute; top:150px; right:0 } footer section.arriba section.contenedor .datosContacto a { color:#ff5a00; position:relative } footer section.arriba section.contenedor .datosContacto a>span { height:30px; width:30px; display:inline-block; position:relative; top:10px; margin-right:10px } footer section.arriba section.contenedor .datosContacto a .correo { background-position:-116px -62px; height:30px; top:9px } footer section.arriba section.contenedor .datosContacto a .telefono { background-position:-116px -40px; height:22px; top:5px } footer section.abajo { background:#e7e7e7 } footer section.abajo section.contenedor address { width:calc(500px - 10px); margin-top:0 } footer section.abajo section.contenedor address>p { color:#4b4b4b; text-align:left; font-style:normal } footer section.abajo section.contenedor address>p>span:first-of-type { color:#ff5a00 } footer section.abajo section.contenedor .redes { width:calc(220px - 10px); /* display:inline-block; */ float:right; margin-top:20px; position:relative } footer section.abajo section.contenedor .redes>h5 { display:inline-block; color:#4b4b4b; text-align:left; font-style:normal; font-size:1em; font-weight:400; top:-4px; position:relative; margin-top:10px; margin-bottom:0 } footer section.abajo section.contenedor .redes>ul { display:inline-block; position:relative; top:-10px } footer section.abajo section.contenedor .redes>ul li { width:38px; height:38px; display:inline-block; margin:0 0 0 10px; border-radius:50% } footer section.abajo section.contenedor .redes>ul li.facebook { background-position:0 -91px; width:37px } footer section.abajo section.contenedor .redes>ul li.twitter { background-position:-38px -91px; width:37px } footer section.abajo section.contenedor .redes>ul li.instagram { background-position:-75px -91px; width:37px } footer section.abajo section.contenedor .redes>ul li.pinterest { background-position:-111px -91px; width:38px } footer section.abajo section.contenedor .redes>ul li a { text-indent:-9999px; display:inline-block; width:100%; height:100% } @media (max-width:1150px) { section.contenedor { width:95%; clear:left; height:100%; margin:0 auto } } @media (max-width:800px) { header.principal>section.inferior section.contenedor #iniciarSesion, header.principal>section.inferior section.contenedor .listaDeDeseos, header.principal>section.superior { display:none } } @media (max-width:425px) { header.principal>section.inferior section.contenedor .logo { background:0 0; display:inline-block; width:auto; margin:0 } header.principal>section.inferior section.contenedor #cart_button { clear:none; top:0; margin:0; width:40px } header.principal>section.inferior section.contenedor #cart_button>a>p { display:none } } @media (max-width:1100px) { .tiendasTodas section.contenedor>h5, .tiendasTodas section.contenedor>p { text-align:center } .tiendasTodas section.contenedor>div { top:0; margin:0 auto; display:block; float:none; width:100% } .tiendasTodas section.contenedor>div>div { width:calc(26% - 10px); padding-bottom:10px } .tiendasTodas section.contenedor>div>div a img { max-width:170px; max-height:80px } } @media (max-width:600px) { .tiendasTodas section.contenedor>div>div { width:calc(51% - 10px) } .tiendasTodas section.contenedor>p { margin:10px 0 } } @media (max-width:730px) { .tetraemosForm section.contenedor>p { width:100%; text-align:center } .tetraemosForm section.contenedor>a { position:relative; top:0; margin-top:10px; width:100%; text-align:center; right:auto; display:block } .tetraemosForm section.contenedor>form { height:70px } } @media (max-width:500px) { .tetraemosForm section.contenedor>form { height:auto } .tetraemosForm section.contenedor>form input { position:relative; width:calc(97% - 10px); margin:0 auto } .tetraemosForm section.contenedor>form button { width:100%; float:none; margin-top:10px; margin-bottom:20px; position:relative } } @media (max-width:1120px) { .agregarExtension { display:none } } @media (max-width:876px) { .teTraemosVentajas>section.contenedor>div { width:100% } .teTraemosVentajas>section.contenedor .tambien { width:100%; float:none; width:calc(98% - 10px) } } @media (max-width:500px) { .teTraemosVentajas>section.contenedor>div>.ventajitas { width:100%; margin-bottom:6% } .teTraemosVentajas>section.contenedor .tambien>ul li { margin-bottom:10px } } @media (max-width:600px) { .nuestrosClientesDicenDeBL { margin-top:50px } .nuestrosClientesDicenDeBL section.contenedor>.opiniones>div { width:100%; margin-bottom:30px } } @media (max-width:867px) { footer .formasDePago section.contenedor>img { margin:0 10px; min-height:auto; width:calc(11.3% - 10px) } } @media (max-width:685px) { footer .formasDePago section.contenedor .botones { display:block; width:100%; margin-top:30px } footer .formasDePago section.contenedor .botones>ul { width:70px; margin:0 auto; display:block } footer .formasDePago section.contenedor .botones>ul>li { background:#ccc; border-radius:50%; height:30px; width:30px; display:inline-block; cursor:pointer } footer .formasDePago section.contenedor .botones>ul>li:hover { background:#d94300 } footer .formasDePago section.contenedor .botones>ul>li:first-of-type { margin-right:10px } footer .formasDePago section.contenedor .botones>ul>li.activo { background:#ff5a00 } footer .formasDePago section.contenedor>img { display:none; margin-right:calc(4% - 10px); margin-left:calc(4% - 10px); margin-top:0; margin-bottom:0; display:inline-block } footer .formasDePago section.contenedor.slice1a3 img { width:calc(25% - 10px); display:inline-block } footer .formasDePago section.contenedor.slice4a7 img { width:calc(21% - 10px); display:inline-block } footer .formasDePago section.contenedor.slice1a3>img:nth-child(5), footer .formasDePago section.contenedor.slice1a3>img:nth-child(6), footer .formasDePago section.contenedor.slice1a3>img:nth-child(7), footer .formasDePago section.contenedor.slice1a3>img:nth-child(8) { display:none } footer .formasDePago section.contenedor.slice4a7>img:nth-child(2), footer .formasDePago section.contenedor.slice4a7>img:nth-child(3), footer .formasDePago section.contenedor.slice4a7>img:nth-child(4) { display:none } } @media (max-width:685px) { footer section.abajo section.contenedor address { width:90% } }