nav{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; display:block} /* MENU MOBILE OCULTO FULLSITE */ nav ul, nav #header_logo, nav p{display:none} /* -------------------------------------------------------*/ /* ###################################################### */ /* CONTENIDOS ESTATICOS RESPONSIVE csepulvedage@ripley.cl */ /* ###################################################### */ /* -------------------------------------------------------*/ /* -------------------------------------------------------*/ /* BANNER PROMOCIONAL SUPERIOR */ /* -------------------------------------------------------*/ #espotTop #BannerPromocional{width:100%;height:40px;overflow:hidden;margin:0 auto; padding:0; background:#fff} #espotTop #BannerPromocional #box{width:960px; margin:0 auto; overflow:hidden} #espotTop #BannerPromocional img{display:block; float:left;height:40px;margin:0 30px 0 30px} #espotTop #BannerPromocional #box p.uno{display:block; float:left; width:620px; color:#0086c9; font-size:16px; line-height:26px; text-transform:uppercase; padding:8px 0 0; font-weight: bold} #espotTop #BannerPromocional #box a{color:#fff; font-size:12px; display: block; width:120px; float:left; background:#0059a7; padding:6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:5px 0 0 10px; text-decoration:none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; text-align:center; text-transform:uppercase} #espotTop #BannerPromocional #box a:hover{color:#fff; background:#60bdea;} /* -------------------------------------------------------*/ /* LLAMADO CAMPAÑA */ /* -------------------------------------------------------*/ #caja_uno{width:100%;height:auto;overflow:hidden;margin:0 auto; z-index:0; padding:40px 0; background:#0086c9; background: repeating-linear-gradient(-90deg,#0086c9,#0086c9 20px,#008dd4 20px,#008dd4 40px)} #caja_uno #box{width:980px; margin:0 auto; overflow:hidden} #caja_uno #box img{display:block; float:left;height:120px;margin:0 50px 0 30px} #caja_uno #box p{display:block; float:left; width:550px} #caja_uno #box p.uno{color:#fff; font-size:29px; line-height:28px; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; padding:0 0 8px} #caja_uno #box p.dos{color:#fff; font-size:17px; line-height:20px} /* -------------------------------------------------------*/ /* PRINCIPAL VITRINA csepulvedage@ripley.cl - */ /* -------------------------------------------------------*/ #caja_dos{max-width:1024px;overflow:hidden;margin:50px auto} #caja_dos .rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 auto} #caja_dos .rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0} #caja_dos .rslides li:first-child{position:relative;display:block;float:left} #caja_dos .rslides img{display:block;height:auto;float:left;width:100%;border:0} #caja_dos .rslides_container{position:relative;float:left;width:100%} /* NAV ARROWS */ .centered-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:78px;width:34px;background:transparent url("arrows.png") no-repeat left top;margin-top:-45px} .centered-btns_nav:active{opacity:1.0} .centered-btns_nav.next{left:auto;background-position:right top;right:0} .transparent-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff; /* Fix for IE6-9 */opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%} .transparent-btns_nav.next{left:auto;right:0} .large-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0.6;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background:#000 url("arrows.gif") no-repeat left 50%;width:34px} .large-btns_nav:active{opacity:1.0} .large-btns_nav.next{left:auto;background-position:right 50%;right:0} .centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus{outline:none} /* NAV BUTTONS */ .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs{margin-top:10px;text-align:center} .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px} .centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ddd;background:rgba(0,0,0, .2);display:inline-block;_display:block;*display:block;width:14px;height: 14px} .centered-btns_here a, .transparent-btns_here a, .large-btns_here a {background:#7e7e7e;background:rgba(0,0,0, .5)} /* -------------------------------------------------------*/ /* OFERTA AL LIMITE */ /* -------------------------------------------------------*/ #caja_tres{width:100%;height:auto;overflow:hidden;margin:50px auto; background:#FFF; } #caja_tres #box{width:980px; background:#FFF; margin:0 auto; padding:0; overflow:hidden;position: relative;} #caja_tres .Llamado{display:none} #caja_tres .Descubre{display:none} #caja_tres .Descubre span{font-size:24px; display:block; margin:5px 0; color:#791369; text-align:center; font-weight:bold} /* PRODUCTO */ #caja_tres img{border:none;display:block; float:left} #caja_tres .ProductoOferta a{text-decoration:none} #caja_tres .ProductoOferta{width:373px; height: 190px; float:left; padding:40px 0 0;border-left:1px solid #d6d6d6} #caja_tres .ProductoOferta img{margin:10px 15px 10px 10px} #caja_tres .ProductoOferta img.prod3_ol{ float: none; margin: 0 auto;} #caja_tres .ProductoOferta img:hover{opacity:0.8;filter:alpha(opacity=80);/* For IE8 and earlier */} #caja_tres .nombre{width:200px; color:#333; font-size:20px; float:right; line-height:20px; font-weight:bold; text-transform:uppercase; display:block} #caja_tres .describe{width:200px; color:#606060; font-size:15px; float:right; line-height:16px; padding:6px 0;} #caja_tres .precionormal{width:200px; color:#8b8b8b; font-size:12px; float:right} #caja_tres .precioferta{width:200px; color:#c00; font-size:28px; float:right; font-weight:bold} #caja_tres .StockInicial{width:200px; color:#848484; font-size:10px; float:right} #caja_tres .precioferta img{border:none;display:block; float:right} /* DESCUENTOS */ #caja_tres .DescuentoOferta{width:290px; float:left; margin:0 0 0 60px} #caja_tres .DescuentoOferta h2{font-size:80px; font-weight:bold; line-height:95px; margin:0; display:block; color:#C00; letter-spacing:-2px; float:left} #caja_tres .DescuentoOferta span{width:100px; font-size:40px; height:45px; line-height:50px; font-weight:bold; display:block; color:#C00; float:left} #caja_tres .DescuentoTitulo{width:290px; font-size:34px; font-weight:bold; line-height:26px; padding:4px 0; color:#666; margin:0 0 0 60px; display:block; float:left} #caja_tres .DescuentoTitulo2{width:290px; font-size: 33px; font-weight:bold; line-height: 34px; padding: 16px 0; color:#cc0000; margin:0 0 0 60px; display:block; float:left} #caja_tres .DescuentoDescribe{width:290px; font-size:16px; line-height:16px; padding:4px 0; color:#888; margin:0 0 0 60px; display:block; float:left} #caja_tres .DescuentoDescribe2{width:290px; font-size: 25px; line-height:16px; padding:4px 0; color:#888; margin:0 0 0 60px; display:block; float:left} /* -------------------------------------------------------*/ /* FILTROS */ /* -------------------------------------------------------*/ .sector_filtros{width:100%;height:auto;overflow:hidden;margin:0 auto 40px; padding:20px; box-sizing:border-box; border-top:2px solid #ebebeb; border-bottom:2px solid #ebebeb; border-top-style:dotted; border-bottom-style:dotted; background: #fff;} .sector_filtros .groupB{display:table; text-align:center; margin: 0 auto 5px;} .sector_filtros label{font-size:12px; color:#5f5f5f; font-weight:bold; margin:0; display: inline-block; vertical-align: middle; letter-spacing: 1px; line-height: 1.4;} .control-bar .groupB .btn:active{border-bottom-color: transparent} .control-bar .groupB .btn.active{background: #0097f5; color:#fff; font-weight:bold; border-bottom: 0 none} .control-bar .groupB .btn:hover{background:#65c4ff; color:#fff} .control-bar .groupB .btn{display:inline-block; vertical-align: middle; margin:3px; background:#ebebeb; color:#555} .btn:focus{outline:0 none} .btn:active{ border-top-color:#68b8c4; border-bottom-color:transparent} .btn{font-family:helvetica, arial, sans-serif; font-size:10px; line-height:1; padding:1em 1em; font-weight:bold; min-width:40px; cursor:pointer; text-align:center; text-transform:uppercase; letter-spacing:1px; border:0 none; display:inline-block; border-radius: 2px; -webkit-appearance: none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s} /* MIXITUP */ ul#sector_productos .mix{display:none} /* -------------------------------------------------------*/ /* PAGINADOR */ /* -------------------------------------------------------*/ #product-list{overflow: hidden; position: relative;} #paginador, #paginador-mobile{display: table; margin: 0 auto;} .visible-mobile{display: none !important;} #paginador ul, #paginador-mobile ul{margin:0; padding: 0; list-style-type: none;} #paginador ul li, #paginador-mobile ul li{display: block; float: left;} #paginador ul li a, #paginador-mobile ul li a{display: block; cursor:pointer; padding: 8px 15px; margin: 0 3px 3px; background: #ebebeb; color:#555; font-size: 16px; font-weight:bold; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out;} #paginador ul li a.current, #paginador-mobile ul li a.current{background: #0097f5; cursor:pointer; color:#fff; margin: 0 3px 3px;} #paginador ul li a:hover, #paginador-mobile ul li a:hover{color:#fff; background: #65c4ff} /* -------------------------------------------------------*/ /* PRODUCTOS DESTACADOS */ /* -------------------------------------------------------*/ ul#sector_productos{width:1250px; height:auto;overflow:hidden;margin:0 auto; background-color:#fff} ul#sector_productos a{display:inline-block; overflow:hidden} ul#sector_productos li.producto{width:300px;height:400px; padding:0; margin:10px 5px 5px;float:left; list-style:none; position:relative;} ul#sector_productos li.producto img{width:300px;height:220px;margin:0 0 10px;display:block;float:left} ul#sector_productos li.producto img:hover{opacity:0.8;filter:alpha(opacity=80);/* For IE8 and earlier */} ul#sector_productos li.producto h3, ul#sector_productos li.producto p{width:290px; text-align:left;display:block;float:left;font-family:Helvetica,Arial,sans-serif; padding:0 0 0 10px} ul#sector_productos li.producto h3{font-size:18px;font-weight:bold;line-height:16px; height:30px; overflow:hidden} ul#sector_productos li.producto p{color:#666;font-size:16px;font-weight:normal;line-height:18px} ul#sector_productos li.producto .descripcion{max-height:40px; overflow:hidden; margin:8px 0} ul#sector_productos li.producto .precioAntes{color:#868686; font-size:12px} ul#sector_productos li.producto .precioCyber{color:#C00; font-size:20px; margin:5px 0 0; font-weight:bold} ul#sector_productos li.producto .otar{background: url(../images/otar.jpg) 0 0 no-repeat;display: block;float: right;height: 33px;margin: -14px 140px 0 0px;text-indent: -9999px;width: 37px} ul#sector_productos li.producto .stock{font-size:12px; color:#b4b4b4} ul#sector_productos li .descuento{width:248px;padding:20px; margin:0;float:left; list-style:none; border:2px solid #d6d6d6; border-style:dotted; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s} ul#sector_productos li .descuento:hover{border:2px solid #cc0000; border-style:dotted} ul#sector_productos li .descuento h2{font-size:34px;font-weight:bold; line-height:30px; color:#C00; letter-spacing:-2px} ul#sector_productos li .descuento h2.numero{font-size:60px; line-height:65px; height:95px; margin:0 0 5px} ul#sector_productos li .descuento h2 span{font-size:60px} ul#sector_productos li .descuento p.describe_descuento{width:248px; font-size:28px;font-weight:bold;line-height:26px; color:#666; padding:4px 0; overflow:hidden} ul#sector_productos li .descuento p.describe_legal{width:248px; font-size:16px;font-weight:normal; line-height:16px; color:#888; padding:4px 0} /* NUEVOS, AGOTADOS, RETIRO CERCANO */ span.nuevo, span.agotado, span.retiro{color:#fff; text-transform:uppercase; padding:4px 20px 2px 12px; text-align:left; position: absolute; z-index: 30; top:0; left:0; opacity: 0.80; filter: alpha(opacity=80); font-family: helvetica, arial, sans-serif; font-size:12px; font-weight:bold; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-bottomright: 100px; border-bottom-right-radius: 100px;} span.nuevo{background-color:#40bfff} span.agotado{background-color:#f22e3e} span.retiro{background-color:#005ba6} img.agotado{opacity: 0.15; filter: alpha(opacity=15)} img.agotado:hover{opacity: 0.15 !important; filter:alpha(opacity=15) !important} /* METODOS DE DESPACHO */ ul#sector_productos .dpr_cat{font-family: Helvetica,arial,sans-serif; color:#fff; font-size:12px; cursor:pointer; margin:0; padding:6px 0 0; float:left} ul#sector_productos .dpr_cat p.metodo{font-size:9px; color:#9b9b9b; width:80px; height:18px; line-height:9px; text-align:right; padding:2px 4px 0 0; margin:0 2px 0 0; border-right:1px solid #d3d3d3; display:block; float:left} ul#sector_productos .dpr_cat .domicilio{width:24px; height:19px; background:url(../images/colors/color1/ripley_sprites.png) no-repeat -234px -175px; display:block; float:left; padding:0; margin:0 2px 0 0} ul#sector_productos .dpr_cat .tienda{width:24px; height:19px; background:url(../images/colors/color1/ripley_sprites.png) no-repeat -259px -175px; display:block; float:left; padding:0; margin:0 2px 0 0} ul#sector_productos .dpr_cat .retiroremoto{ width:24px; height:19px; background:url(../images/colors/color1/ripley_sprites.png) no-repeat -284px -175px; display:block; float:left; padding:0; margin:0} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { ul#sector_productos .dpr_cat .domicilio, ul#sector_productos .dpr_cat .tienda, ul#sector_productos .dpr_cat .retiroremoto{ background-image: url(../images/colors/color1/ripley_sprites@2x.png); background-size: 420px; } } /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 1 */ /* -------------------------------------------------------*/ #caja_cuatro{width:100%;height:auto;overflow:hidden;margin:4px auto} #caja_cuatro #box{width:980px; margin:0 auto; padding:20px 0; overflow:hidden; background:#fff} #caja_cuatro #box img{display:block; float:left;height:120px;margin:0 50px 0 30px} #caja_cuatro #box p{display:block; float:left; width:550px} #caja_cuatro #box p.uno{color:#0086c9; font-size:20px; line-height:26px; text-transform:uppercase; padding:10px 0 0} #caja_cuatro #box p.dos{color:#0086c9; font-size:24px; line-height:20px; text-transform:uppercase; font-weight:bold;} #caja_cuatro #box a{color:#fff; font-size:12px; display: block; width:160px; float:left; background:#0059a7; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px auto 0; text-decoration:none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; text-align:center; text-transform:uppercase} #caja_cuatro #box a:hover{color:#fff; background:#60bdea;} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 2 */ /* -------------------------------------------------------*/ #caja_cinco{width:100%;height:auto;overflow:hidden;margin:0 auto; background:#434343; background: repeating-linear-gradient(-55deg, #222, #222 10px, #292929 10px, #292929 20px); padding:30px 0; margin:30px 0 0} #caja_cinco #box{width:800px; margin:0 auto; padding:20px 0; overflow:hidden} #caja_cinco #box p{text-align:center; color:#fff} #caja_cinco #box p.uno{font-size:24px; line-height:26px; font-weight:bold; text-transform:uppercase} #caja_cinco #box p.dos{font-size:16px; line-height:16px; margin:10px} #caja_cinco #box a{width:150px; color:#939393; font-size:12px; margin:0 auto; display:block; text-decoration:none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; text-align:center} #caja_cinco #box a:hover{color:#fff} /* -------------------------------------------------------*/ /* CORPORATIVA */ /* -------------------------------------------------------*/ #caja_corporativa{width:100%;height:auto;overflow:hidden;margin:0 auto; padding:50px 0; background:#a271b5; background: -webkit-linear-gradient(#a271b5, #fff);background: -o-linear-gradient(#a271b5, #fff);background: -moz-linear-gradient(#a271b5, #fff);background: linear-gradient(#a271b5, #fff)} #caja_corporativa #box{width:980px; margin:0 auto; overflow:hidden} #caja_corporativa #box #despacho, #caja_corporativa #box #cambios, #caja_corporativa #box #telefonica, #caja_corporativa #box #proteccion{display:block;width:275px;height:100px;overflow:hidden;margin:0 4px; padding:20px; background-color:#824f9b; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #caja_corporativa #box img{display:block; float:left;height:35px;margin:0 5px 0 0} #caja_corporativa #box h3{color:#fff; font-size:18px; line-height:17px; display: block; margin:0 0 10px} #caja_corporativa #box p{color:#fff; font-size:12px; line-height:16px} #caja_corporativa #box a{color:#ff9cff; font-size:12px; text-decoration: none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s} #caja_corporativa #box a:hover{color:#ffe4f7} #caja_corporativa #box li{list-style:none} /* -------------------------------------------------------*/ /* BASES LEGALES */ /* -------------------------------------------------------*/ #caja_bases{width:100%;height:auto;overflow:hidden;margin:40px auto} #caja_bases a{width:300px; background:#fff; border:2px solid #cbcbcb; padding:10px; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px auto 0; text-decoration: none; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; text-align:center; font-size:12px; color:#b7b7b7} #caja_bases a:hover{border:2px solid #333; color:#333} /* -------------------------------------------------------*/ /* FOOTER */ /* -------------------------------------------------------*/ #footer{height:auto !important;} #footer .col_cinco{height:auto !important; border-left:none !important; margin:0 auto 10px !important; padding:0 !important; float:none!important; padding: 0 20px 20px !important; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted} #footer .col_cinco li{list-style:none;float:none !important; overflow: hidden; text-align: center;} #footer .col_cinco .boleta a{text-align: center; padding:15px 0; text-decoration: underline; font-weight: bold; display: block;} /* -------------------------------------------------------*/ /* ESTILOS BANNER DESPACHO */ /* -------------------------------------------------------*/ #caja_banner{max-width:960px;overflow:hidden;margin:0px auto;clear: both;} #caja_banner .caja-despacho{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 auto} #caja_banner .caja-despacho img{display:block;height:auto;float:left;width:100%;border:0} /* -------------------------------------------------------*/ /* DESPACHO */ /* -------------------------------------------------------*/ #caja_despacho {width:100%;height:auto;overflow:hidden;margin:50px auto; background:#FFF; } #caja_despacho #box{width:980px; background:#FFF; margin:0 auto; padding:0; overflow:hidden;position: relative;} #caja_despacho #box p {font-size:18px; line-height:26px; padding:10px 0 0; } #caja_despacho #box .caja01 {width: 49%; float: left; border-right: 1px solid #adadad;text-align: center;} #caja_despacho #box .caja02 {width: 50%; float: right;text-align: center;} #caja_despacho #box .separadordespacho {clear: both; padding: 10px 0;} /* ----------------------------------------------------------*/ /* ######################################################### */ /* CONTENIDOS ESTATICOS MEDIA QUERIES csepulvedage@ripley.cl */ /* ######################################################### */ /* ----------------------------------------------------------*/ /* RETINA */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { nav #header_logo a, #contentHeader #header_logo a#LogoRipley{ background-image: url(../images/colors/color1/ripley_sprites@2x.png); background-size: 420px; } } /* Mobile / Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media only screen and (max-width: 480px) { /* -------------------------------------------------------*/ /* MENU MOBILE */ /* -------------------------------------------------------*/ nav{text-align:right;background:#333} nav #header_logo{display:block} nav #header_logo{margin:5px !important;padding:0;float:left;position:absolute;top:10px;left: 10px} nav #header_logo a{background:url(../images/colors/color1/ripley_sprites.png)!important; background-position:-22px -52px !important;background-size:210px 105px !important; /* 420 x 210 sprite */ background-repeat:no-repeat !important; width:90px;height:22px;text-indent:-9999px !important;display:block} nav p{text-transform: uppercase;color:#c1c1c1;display:block;position: absolute;top: 17px;right: 42px} nav ul{margin:0; padding:1em;list-style-type:none} nav ul li{display:inline;margin-left: 1em} nav ul li:first-child{margin-left: 0} nav ul li ul{display: none} nav ul li a{color: #fff} nav ul li a:hover{color: #333} nav ul li a, nav ul li a:hover{-o-transition: color 0.25s ease-in; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; transition: color 0.25s ease-in} /* hide the link until viewport size is reached */ a.meanmenu-reveal{display:none} /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar{width:100%; position:relative; background:#121212; float:left; padding:4px 0; min-height:42px; z-index:999999} .mean-container a.meanmenu-reveal{width:22px; height:22px; padding:13px 13px 11px 13px; position:absolute; top:0; right:0; cursor:pointer; color:#c1c1c1; text-decoration:none; font-size:14px; text-indent:-9999em; line-height:22px; font-size:1px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:700} .mean-container a.meanmenu-reveal span{display:block; background: #fff; height:3px; margin-top:3px} .mean-container .mean-nav{float:left; width:100%; background:#121212; margin-top:33px} .mean-container .mean-nav ul{padding:0; margin:0; width: 100%; list-style-type:none} .mean-container .mean-nav ul li{position:relative; float:left; width:100%; margin:0} .mean-container .mean-nav ul li a{display:block; float:left; width:100%; padding:1em 5%; margin:0; text-align:left; color:#fff; border-bottom:1px solid #383838; border-bottom:1px solid rgba(255,255,255,0.5); text-decoration:none; text-transform:uppercase} .mean-container .mean-nav ul li li a{width:80%; padding:1em 10%; border-bottom:1px solid #f1f1f1; border-bottom:1px solid rgba(255,255,255,0.25); opacity:0.75; filter:alpha(opacity=75); text-shadow:none !important; visibility:visible} .mean-container .mean-nav ul li.mean-last a{border-bottom:none; margin-bottom:0} .mean-container .mean-nav ul li li li a{width:70%; padding:1em 15%} .mean-container .mean-nav ul li li li li a{width:60%; padding:1em 20%} .mean-container .mean-nav ul li li li li li a{width:50%; padding:1em 25%} .mean-container .mean-nav ul li ul li a:hover{background:#252525; background:rgba(255,255,255,0.1)} .mean-container .mean-nav ul li a.mean-expand{width:26px; height:26px; border:none !important; padding:9px 12px 0 88% !important; /* ANCHO BOTON */ text-align:center; position:absolute; right:0; top:0; z-index:2; font-weight:700} .mean-container .mean-nav ul li a.mean-expand:hover{background:none} .mean-container .mean-push{float:left; width:100%; padding:0; margin:0; clear:both} .mean-nav .wrapper {width:100%; padding:0; margin:0} /* -------------------------------------------------------*/ /* BANNER PROMOCIONAL SUPERIOR */ /* -------------------------------------------------------*/ #espotTop #BannerPromocional{height:auto !important} #espotTop #BannerPromocional img{width:100% !important; height: 20px} /* -------------------------------------------------------*/ /* HEADER */ /* -------------------------------------------------------*/ #contentHeader{width:320px !important; height:53px !important; margin:0 auto !important; padding: 0 !important; overflow: hidden; } #contentHeader #header_logo{display: none!important; margin:5px !important; padding:0; float:left } #contentHeader #header_logo a#LogoRipley{background:url(../images/colors/color1/ripley_sprites.png)!important; background-position:-22px -52px !important; background-size:210px 105px !important; /* 420 x 210 sprite */ background-repeat:no-repeat !important; width:90px !important; height:22px !important } #contentHeader #header_links{display: none} #header{height: 52px !important; float: left;} /* -------------------------------------------------------*/ /* MENU COMERCIOS csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ .menu_enlaces{display:none !important} /* -------------------------------------------------------*/ /* SELECTOR PAIS csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ #contComercios ul{display:none !important} /* -------------------------------------------------------*/ /* MENU NAVEGACION csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ #header_nav{display:none} /* -------------------------------------------------------*/ /* MENU INICIO */ /* -------------------------------------------------------*/ #contentHeader #inicioCliente{display:none} /* -------------------------------------------------------*/ /* BANNER PROMOCIONAL SUPERIOR */ /* -------------------------------------------------------*/ #espotTop #BannerPromocional {display:none} /* -------------------------------------------------------*/ /* LLAMADO CAMPAÑA */ /* -------------------------------------------------------*/ #caja_uno{padding:15px 0 30px} #caja_uno #box{width:300px; margin:0 auto; padding:0 0 0 20px} #caja_uno #box img{display:block; float:left;height:80px;margin:0} #caja_uno #box p{display:block; float:left; width:280px} #caja_uno #box p.uno{font-size:20px; line-height:20px; padding:0 0 5px; letter-spacing:1px} #caja_uno #box p.dos{font-size:14px; line-height:16px} /* -------------------------------------------------------*/ /* PRINCIPAL VITRINA csepulvedage@ripley.cl - */ /* -------------------------------------------------------*/ #caja_dos{margin:20px auto} #caja_dos #content_banner_principal{width:100%} /* -------------------------------------------------------*/ /* PAGINADOR */ /* -------------------------------------------------------*/ #paginador, #paginador-mobile{display: table; margin: 0 auto;} #paginador ul, #paginador-mobile ul{margin:0; padding: 0; list-style-type: none;} #paginador ul li, #paginador-mobile ul li{display: block; float: left;} #paginador ul li a, #paginador-mobile ul li a{margin: 0 2px 3px; font-size: 12px; padding:8px 12px;} #paginador ul li a.current, #paginador-mobile ul li a.current{right:inherit; margin: 0 2px 3px;} .hidden-mobile{display: none !important;} .visible-mobile{display: table !important;} .StickyCatalogMenu.cloned{display: none !important} .StickyCatalogMenu.original{display: block !important; visibility: visible !important; position: inherit !important; left:inherit !important;} /* -------------------------------------------------------*/ /* FILTROS */ /* -------------------------------------------------------*/ /* -------------------------------------------------------*/ /* OFERTA AL LIMITE */ /* -------------------------------------------------------*/ #caja_tres{width:100%;height:auto;margin:50px auto} #caja_tres #box{width:320px} #caja_tres .Llamado{display:block; font-size:18px; background-color:#C00; color:#fff; text-align:center; padding:6px; font-weight:bold} #caja_tres .Descubre{display:block; font-size:11px; background-color:#e85248; color:#fff; text-align:center; line-height:18px} #caja_tres .Descubre span{display:inline-block; font-size:11px; color:#ffc434; font-weight:bold} #caja_tres .LogoOferta{display:none} /* PRODUCTO */ #caja_tres .ProductoOferta{width:320px; height:auto; float:left; padding:20px 0; border-bottom:1px solid #cbcbcb} #caja_tres .ProductoOferta img{margin:0 0 0 80px} #caja_tres .nombre{width:320px; color:#333; font-size:20px; float:left; line-height:20px; font-weight:bold; text-transform:uppercase; display:block; text-align: center} #caja_tres .describe{width:320px; color:#606060; font-size:15px; float:left; line-height:16px; padding:6px 0; text-align:center} #caja_tres .precionormal{width:200px; color:#8b8b8b; font-size:12px; float:left; margin:0 0 0 100px} #caja_tres .precioferta{width:200px; color:#c00; font-size:28px; float:left; font-weight:bold; margin:0 0 0 100px} #caja_tres .StockInicial{width:200px; color:#848484; font-size:10px; float:left; margin:0 0 0 100px} /* DESCUENTOS */ #caja_tres .DescuentoOferta{width:240px; float:left; margin:0 0 0 55px} #caja_tres .DescuentoOferta h2{font-size:110px; font-weight:bold; line-height:95px; letter-spacing:-2px} #caja_tres .DescuentoOferta span{width:100px; font-size:40px; height:45px; line-height:50px; font-weight:bold} #caja_tres .DescuentoTitulo{width:320px; font-size:28px; font-weight:bold; line-height:26px; padding:4px 0; margin:0; text-align:center} #caja_tres .DescuentoDescribe{width:320px; font-size:14px; line-height:16px; padding:4px 0; color:#888; margin:0!important; text-align:center} /* -------------------------------------------------------*/ /* PRODUCTOS DESTACADOS */ /* -------------------------------------------------------*/ ul#sector_productos{width:316px;height:auto;overflow:hidden;margin:0 auto; background-color:#fff} ul#sector_productos li.producto{width:145px;height:320px;padding:0; margin:10px 5px 5px;float:left; list-style:none} ul#sector_productos li.producto img{width:145px;height:108px;margin:0 0 10px;display:block;float:left} ul#sector_productos li.producto img:hover{opacity:0.8;filter:alpha(opacity=80);/* For IE8 and earlier */} ul#sector_productos li.producto h3, ul#sector_productos li.producto p{width:135px; text-align:left;display:block;float:left;font-family:Helvetica,Arial,sans-serif; padding:0 0 0 10px} ul#sector_productos li.producto h3{font-size:16px;font-weight:bold;line-height:16px; height:46px; overflow:hidden} ul#sector_productos li.producto p{color:#666;font-size:12px;font-weight:normal;line-height:14px} ul#sector_productos li.producto .descripcion{max-height:40px; overflow:hidden; margin:8px 0} ul#sector_productos li.producto .precioAntes{color:#868686; font-size:11px} ul#sector_productos li.producto .precioCyber{color:#C00; font-size:18px; font-weight:bold} ul#sector_productos li.producto .otar{background: url(../images/otar.jpg) 0 0 no-repeat;display: block;float: right;height: 33px;margin: -14px 0 0 0px;text-indent: -9999px;width: 37px} ul#sector_productos li.producto .stock{font-size:11px; color:#b4b4b4} ul#sector_productos li .descuento{width:120px;padding:20px 12px; margin:0; border:2px solid #d6d6d6; border-style:dotted} ul#sector_productos li .descuento:hover{border:2px solid #cc0000; border-style:dotted} ul#sector_productos li .descuento h2{font-size:20px; line-height:30px; color:#C00; letter-spacing:-1px} ul#sector_productos li .descuento h2.numero{font-size:24px; line-height:24px; height:65px; margin:0} ul#sector_productos li .descuento h2 span{font-size:40px} ul#sector_productos li .descuento p.describe_descuento{width:120px; font-size:14px; line-height:18px; padding:0} ul#sector_productos li .descuento p.describe_legal{width:120px; font-size:12px; line-height:16px; padding:0} /* METODOS DESPACHO */ ul#sector_productos .dpr_cat{padding:6px 0 0 8px} ul#sector_productos .dpr_cat p.metodo{display:none} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 1 */ /* -------------------------------------------------------*/ #caja_cuatro{margin:4px auto} #caja_cuatro #box{width:320px; margin:0 auto; padding:20px 0; overflow:hidden; background:#fff} #caja_cuatro #box img{display:block; height:100px; margin:0 auto; float:none;} #caja_cuatro #box p{display:block; float:none; width:320px; margin:0 auto; text-align: center} #caja_cuatro #box p.uno{font-size:18px; line-height:20px; padding:10px 0 0} #caja_cuatro #box p.dos{font-size:20px; line-height:20px} #caja_cuatro #box a{font-size:12px; display: block; width:180px; float:none; padding:10px; margin: 5px auto 0} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 2 */ /* -------------------------------------------------------*/ #caja_cinco{padding:10px 0} #caja_cinco #box{width:320px; margin:0 auto; padding:20px 0; overflow:hidden;} #caja_cinco #box p.uno{font-size:20px; line-height: 20px;} #caja_cinco #box a {width: 180px;font-size: 14px} /* -------------------------------------------------------*/ /* CORPORATIVA */ /* -------------------------------------------------------*/ #caja_corporativa{padding:30px 0 0} #caja_corporativa #box{width:320px; margin:0 auto; overflow:hidden} #caja_corporativa #box #despacho, #caja_corporativa #box #cambios, #caja_corporativa #box #telefonica, #caja_corporativa #box #proteccion{width:240px;height:auto;margin:0 20px 20px; padding:20px; float:left} #caja_corporativa #box img{height:40px;margin:0 10px 0 0} #caja_corporativa #box h3{font-size:16px; line-height:17px; display: block; margin:10px 0 10px} #caja_corporativa #box p{font-size:12px; line-height:16px; margin:22px 0 0} /* -------------------------------------------------------*/ /* BASES LEGALES */ /* -------------------------------------------------------*/ #caja_bases a{width:260px; background:#fff; border:2px solid #cbcbcb; padding:10px;} /* -------------------------------------------------------*/ /* FOOTER */ /* -------------------------------------------------------*/ #firstFooter{width:100%; height:330px !important } #footer{width:280px !important; height:auto !important; margin:0 auto; padding:20px 0 0 !important; display:block; overflow:hidden } /* SUSCRIBIRSE */ #firstFooter #firstFooterBox{width:300px !important; height:320px !important; padding:10px 10px 0 !important } #firstFooter .caja_siguenos{width:290px !important; height:310px !important; margin:12px 0 0 0 !important; padding:0 0 0 10px; } #firstFooter .VentasTelefonicas{width:230px !important; height:90px; padding:0 0 0 40px !important; border-bottom:1px solid #bcbcbc; border-bottom-style: dotted} #firstFooter .ServicioCliente{width:230px !important; border-left:none !important; padding:0 !important; padding:0 0 0 40px !important; border-bottom:1px solid #bcbcbc; border-bottom-style: dotted; } #firstFooter .caja_redes{padding:10px 0 0 40px !important; border-left:none !important; } /* MENU CORPORATIVO csepulvedage@ripley.cl */ #footer ul.item_footer{height:auto !important; border-left:none !important; display:block !important; padding: 20px 0 !important; float:none !important } #footer ul.item_footer li{margin: 0 auto !important; padding: 2px 0 !important; text-align:center } #footer ul.item_footer li a{font-size:14px !important } #footer ul.item_footer li a:hover{color:#333} #footer ul.item_footer .titular{width:280px !important; font-size:20px !important; margin:0 auto !important; text-align:center !important; float:none !important } #footer .col_uno, #footer .col_dos, #footer .col_tres, #footer .col_cuatro{width:280px !important; margin:0 auto!important; padding: 0 0 20px 0; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted; } #footer .col_cuatro{overflow: hidden; } #footer .col_cinco li.titular{width:200px !important; font-size:20px !important; margin:0 auto !important; text-align:center !important; float:none !important } #footer .col_cuatro li.footerNovios, #footer .col_cuatro li.footerMama, #footer .col_cuatro li.footerDeco{margin:0 0 5px 20px !important } #footer .col_cinco{width:280!important; border-left:none !important; margin:0 auto 10px !important; padding:0 !important; float:none!important; padding: 0 20px 20px !important; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted; } #footer .col_cinco li{list-style:none;float:none !important; overflow: hidden; } /* INFO LEGAL csepulvedage@ripley.cl */ #content_info_legal{width:300px !important; padding:10px 10px 20px !important; } #content_info_legal #info_legal{width:280px !important; overflow: hidden; } #content_info_legal #info_legal p{width:280px !important; font-size:9px !important } #content_info_legal #info_legal p a{font-size:9px } /* DESPACHO */ #caja_despacho {width:100%;height:auto;margin:50px auto} #caja_despacho #box{width:320px} #caja_despacho #box p {font-size:18px; line-height:26px; padding:10px 0 0; } #caja_despacho #box .caja01 {width: 100%; float: none; border: none;text-align: center;border-bottom: 1px solid #adadad;} #caja_despacho #box .caja02 {width: 100%; float: none;text-align: center;} #caja_despacho #box .caja01 img {width: 100%; } #caja_despacho #box .caja02 img {width: 100%; } } /* End Mobile/Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Mobile Landscape / Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media only screen and (min-width: 481px) and (max-width: 767px) { /* -------------------------------------------------------*/ /* MENU MOBILE */ /* -------------------------------------------------------*/ nav{text-align:right;background:#333} nav #header_logo{display:block} nav #header_logo{margin:5px !important;padding:0;float:left;position:absolute;top:10px;left: 10px} nav #header_logo a{background:url(../images/colors/color1/ripley_sprites.png)!important; background-position:-22px -52px !important;background-size:210px 105px !important; /* 420 x 210 sprite */ background-repeat:no-repeat !important; width:90px;height:22px;text-indent:-9999px !important;display:block} nav p{text-transform: uppercase;color:#c1c1c1;display:block;position: absolute;top: 17px;right: 42px} nav ul{margin:0; padding:1em;list-style-type:none} nav ul li{display:inline;margin-left: 1em} nav ul li:first-child{margin-left: 0} nav ul li ul{display: none} nav ul li a{color: #fff} nav ul li a:hover{color: #333} nav ul li a, nav ul li a:hover{-o-transition: color 0.25s ease-in; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; transition: color 0.25s ease-in} /* hide the link until viewport size is reached */ a.meanmenu-reveal {display:none} /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar{width: 100%; position: relative; background: #121212; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal {width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #c1c1c1; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span {display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav {float: left; width: 100%; background: #121212; margin-top: 33px; } .mean-container .mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li {position: relative; float: left; width: 100%; margin: 0; } .mean-container .mean-nav ul li a {display: block; float: left; width: 100%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a {width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a {width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a {width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a {width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li ul li a:hover {background: #252525; background: rgba(255,255,255,0.1); } .mean-container .mean-nav ul li a.mean-expand {width: 26px; height: 26px; border: none !important; padding: 9px 12px 0 92% !important; /* ANCHO BOTON */ text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover {background: none; } .mean-container .mean-push {float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper {width: 100%; padding: 0; margin: 0; } /* -------------------------------------------------------*/ /* HEADER */ /* -------------------------------------------------------*/ #header{height:52px!important; float:left;} #contentHeader{width:320px !important; height:53px !important; margin:0 auto !important; padding: 0 !important; overflow: hidden; } #contentHeader #header_logo{display: none!important; margin:5px !important; padding:0; float:left } #contentHeader #header_logo a#LogoRipley{background:url(../images/colors/color1/ripley_sprites.png)!important; background-position:-22px -52px !important; background-size:210px 105px !important; /* 420 x 210 sprite */ background-repeat:no-repeat !important; width:90px !important; height:22px !important } /* -------------------------------------------------------*/ /* MENU COMERCIOS csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ .menu_enlaces{display:none !important} /* -------------------------------------------------------*/ /* SELECTOR PAIS csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ #contComercios ul{display:none !important} /* -------------------------------------------------------*/ /* MENU NAVEGACION csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ #header_nav{display:none} #contentHeader #header_links{display: none} /* -------------------------------------------------------*/ /* MENU INICIO */ /* -------------------------------------------------------*/ #contentHeader #inicioCliente{display:none} /* -------------------------------------------------------*/ /* HEADER */ /* -------------------------------------------------------*/ #contentHeader{ width:480px !important; margin: 0 auto !important; } /* -------------------------------------------------------*/ /* LLAMADO CAMPAÑA */ /* -------------------------------------------------------*/ #caja_uno{padding:15px 0 30px} #caja_uno #box{width:460px; margin:0 auto; padding:0 0 0 10px} #caja_uno #box img{display:block; float:left;height:90px;margin:0 0 0 10px} #caja_uno #box p{display:block; float:left; width:440px} #caja_uno #box p.uno{font-size:20px; line-height:20px; padding:0 0 5px; letter-spacing:1px} #caja_uno #box p.dos{font-size:14px; line-height:18px} /* -------------------------------------------------------*/ /* PRINCIPAL VITRINA csepulvedage@ripley.cl - */ /* -------------------------------------------------------*/ #caja_dos{margin:20px auto} #caja_dos #content_banner_principal{width:100%} /* -------------------------------------------------------*/ /* FILTROS */ /* -------------------------------------------------------*/ /* -------------------------------------------------------*/ /* PAGINADOR */ /* -------------------------------------------------------*/ #paginador, #paginador-mobile{display: table; margin: 0 auto;} #paginador ul, #paginador-mobile ul{margin:0; padding: 0; list-style-type: none;} #paginador ul li, #paginador-mobile ul li{display: block; float: left;} #paginador ul li a, #paginador-mobile ul li a{margin: 0 2px 3px;} #paginador ul li a.current, #paginador-mobile ul li a.current{margin: 0 2px 3px;} .hidden-mobile{display: none !important;} .visible-mobile{display: table !important;} .StickyCatalogMenu.cloned{display: none !important} .StickyCatalogMenu.original{display: block !important; visibility: visible !important; position: inherit !important; left:inherit !important;} /* -------------------------------------------------------*/ /* OFERTA AL LIMITE */ /* -------------------------------------------------------*/ #caja_tres{width:100%;height:auto;margin:50px auto} #caja_tres #box{width:481px} #caja_tres .Llamado{display:block; font-size:24px; background-color:#C00; color:#fff; text-align:center; padding:6px; font-weight:bold} #caja_tres .Descubre{display:block; font-size:16px; background-color:#e85248; color:#fff; text-align:center; line-height:22px} #caja_tres .Descubre span{display:inline-block; font-size:16px; color:#ffc434; font-weight:bold} #caja_tres .LogoOferta{display:none} /* PRODUCTO */ #caja_tres .ProductoOferta{width:480px; height:auto; float:left; padding:20px 0; border-bottom:1px solid #cbcbcb} #caja_tres .ProductoOferta img{margin:0 25px 0 20px} #caja_tres .nombre{width:280px; color:#333; font-size:20px; float:right; line-height:20px; font-weight:bold; text-transform:uppercase; display:block} #caja_tres .describe{width:280px; color:#606060; font-size:15px; float:right; line-height:16px; padding:6px 0;} #caja_tres .precionormal{width:280px; color:#8b8b8b; font-size:12px; float:right} #caja_tres .precioferta{width:280px; color:#c00; font-size:28px; float:right; font-weight:bold} #caja_tres .StockInicial{width:280px; color:#848484; font-size:10px; float:right} /* DESCUENTOS */ #caja_tres .DescuentoOferta{width:290px; float:left; margin:0 0 0 80px} #caja_tres .DescuentoOferta h2{font-size:110px; font-weight:bold; line-height:95px; margin:0; display:block; color:#C00; letter-spacing:-2px; float:left} #caja_tres .DescuentoOferta span{width:100px; font-size:40px; height:45px; line-height:50px; font-weight:bold; display:block; color:#C00; float:left} #caja_tres .DescuentoTitulo{width:340px; font-size:34px; font-weight:bold; line-height:26px; padding:4px 0; color:#666; margin:0 0 0 80px; display:block; float:left} #caja_tres .DescuentoDescribe{width:340px; font-size:16px; line-height:16px; padding:4px 0; color:#888; margin:0 0 0 80px; display:block; float:left} /* -------------------------------------------------------*/ /* PRODUCTOS DESTACADOS */ /* -------------------------------------------------------*/ ul#sector_productos{width:520px !important} ul#sector_productos li.producto{width:160px;height:320px;padding:0; margin:10px 5px 5px;float:left; list-style:none} ul#sector_productos li.producto img{width:160px;height:119px;margin:0 0 10px;display:block;float:left} ul#sector_productos li.producto h3, ul#sector_productos li.producto p{width:135px; text-align:left;display:block;float:left;font-family:Helvetica,Arial,sans-serif; padding:0 0 0 10px} ul#sector_productos li.producto h3{font-size:16px;font-weight:bold;line-height:16px; height:46px; overflow:hidden} ul#sector_productos li.producto p{color:#666;font-size:12px;font-weight:normal;line-height:14px} ul#sector_productos li.producto .descripcion{max-height:40px; overflow:hidden; margin:8px 0} ul#sector_productos li.producto .precioAntes{color:#868686; font-size:11px} ul#sector_productos li.producto .precioCyber{color:#C00; font-size:18px; margin:0; font-weight:bold} ul#sector_productos li.producto .otar{background: url(../images/otar.jpg) 0 0 no-repeat;display: block;float: right;height: 33px;margin: -14px 0 0 0px;text-indent: -9999px;width: 37px} ul#sector_productos li.producto .stock{font-size:11px; color:#b4b4b4} ul#sector_productos li .descuento{width:120px;padding:20px 12px; margin:0; border:2px solid #d6d6d6; border-style:dotted} ul#sector_productos li .descuento:hover{border:2px solid #cc0000; border-style:dotted} ul#sector_productos li .descuento h2{font-size:20px; line-height:30px; color:#C00; letter-spacing:-1px} ul#sector_productos li .descuento h2.numero{font-size:26px; line-height:24px; height:65px; margin:0} ul#sector_productos li .descuento h2 span{font-size:40px} ul#sector_productos li .descuento p.describe_descuento{width:120px; font-size:14px; line-height:18px; padding:0} ul#sector_productos li .descuento p.describe_legal{width:120px; font-size:12px; line-height:16px; padding:0} /* METODOS DESPACHO */ ul#sector_productos .dpr_cat{padding:6px 0 0 8px} ul#sector_productos .dpr_cat p.metodo{display:none} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 1 */ /* -------------------------------------------------------*/ #caja_cuatro{margin:4px auto} #caja_cuatro #box{width:480px; margin:0 auto; padding:20px 0; overflow:hidden; background:#fff} #caja_cuatro #box img{display:block; height:120px; margin:0 auto; float:none;} #caja_cuatro #box p{display:block; float:none; width:450px; margin:0 auto; text-align: center} #caja_cuatro #box a{font-size:12px; display: block; width:180px; float:none; padding:10px; margin: 5px auto 0} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 2 */ /* -------------------------------------------------------*/ #caja_cinco{padding:10px 0} #caja_cinco #box{width:480px; margin:0 auto; padding:20px 0; overflow:hidden;} #caja_cinco #box p.uno{font-size:18px; line-height: 26px;} #caja_cinco #box a {width: 180px;font-size: 14px} /* -------------------------------------------------------*/ /* CORPORATIVA */ /* -------------------------------------------------------*/ #caja_corporativa{padding:30px 0 0} #caja_corporativa #box{width:480px; margin:0 auto; overflow:hidden} #caja_corporativa #box #despacho, #caja_corporativa #box #cambios, #caja_corporativa #box #telefonica, #caja_corporativa #box #proteccion{width:400px;height:auto;margin:0 20px 20px; padding:20px; float:left} #caja_corporativa #box img{height:40px;margin:0 10px 0 0} #caja_corporativa #box h3{font-size:16px; line-height:17px; display: block; margin:10px 0 10px} #caja_corporativa #box p{font-size:12px; line-height:16px; margin:22px 0 0} /* -------------------------------------------------------*/ /* FOOTER */ /* -------------------------------------------------------*/ #firstFooter{width:100%; height:330px !important } #footer{width:280px !important; height:auto !important; margin:0 auto; padding:20px 0 0 !important; display:block; overflow:hidden } /* SUSCRIBIRSE */ #firstFooter #firstFooterBox{width:300px !important; height:320px !important; padding:10px 10px 0 !important } #firstFooter .caja_siguenos{width:290px !important; height:310px !important; margin:12px 0 0 0 !important; padding:0 0 0 10px; } #firstFooter .VentasTelefonicas{width:230px !important; height:90px; padding:0 0 0 40px !important; border-bottom:1px solid #bcbcbc; border-bottom-style: dotted} #firstFooter .ServicioCliente{width:230px !important; border-left:none !important; padding:0 !important; padding:0 0 0 40px !important; border-bottom:1px solid #bcbcbc; border-bottom-style: dotted; } #firstFooter .caja_redes{padding:10px 0 0 40px !important; border-left:none !important; } /* MENU CORPORATIVO csepulvedage@ripley.cl */ #footer ul.item_footer{height:auto !important; border-left:none !important; display:block !important; padding: 20px 0 !important; float:none !important } #footer ul.item_footer li{margin: 0 auto !important; padding: 2px 0 !important; text-align:center } #footer ul.item_footer li a{font-size:14px !important } #footer ul.item_footer li a:hover{color:#333} #footer ul.item_footer .titular{width:280px !important; font-size:20px !important; margin:0 auto !important; text-align:center !important; float:none !important } #footer .col_uno, #footer .col_dos, #footer .col_tres, #footer .col_cuatro{width:280px !important; margin:0 auto!important; padding: 0 0 20px 0; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted; } #footer .col_cuatro{overflow: hidden; } #footer .col_cinco li.titular{width:200px !important; font-size:20px !important; margin:0 auto !important; text-align:center !important; float:none !important } #footer .col_cuatro li.footerNovios, #footer .col_cuatro li.footerMama, #footer .col_cuatro li.footerDeco{margin:0 0 5px 20px !important } #footer .col_cinco{width:280!important; border-left:none !important; margin:0 auto 10px !important; padding:0 !important; float:none!important; padding: 0 20px 20px !important; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted; } #footer .col_cinco li{list-style:none;float:none !important; overflow: hidden; } /* INFO LEGAL csepulvedage@ripley.cl */ #content_info_legal{width:300px !important; padding:10px 10px 20px !important; } #content_info_legal #info_legal{width:280px !important; overflow: hidden; } #content_info_legal #info_legal p{width:280px !important; font-size:9px !important } #content_info_legal #info_legal p a{font-size:9px } /* DESPACHO */ #caja_despacho {width:100%;height:auto;margin:50px auto} #caja_despacho #box{width:481px} #caja_despacho #box p {font-size:18px; line-height:26px; padding:10px 0 0; } #caja_despacho #box .caja01 {width: 100%; float: none; border: none;text-align: center;border-bottom: 1px solid #adadad;} #caja_despacho #box .caja02 {width: 100%; float: none;text-align: center;} #caja_despacho #box .caja01 img {width: 100%; max-width: 450px;} #caja_despacho #box .caja02 img {width: 100%; max-width: 450px;} } /* End Mobile Landscape/Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* iPad Portrait Only - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media only screen and (min-width: 768px) and (max-width: 1023px) { /* -------------------------------------------------------*/ /* MENU MOBILE */ /* -------------------------------------------------------*/ nav{text-align:right;background:#333} nav #header_logo{display:block} nav #header_logo{margin:5px !important;padding:0;float:left;position:absolute;top:10px;left: 10px} nav #header_logo a{background:url(../images/colors/color1/ripley_sprites.png)!important; background-position:-22px -52px !important;background-size:210px 105px !important; /* 420 x 210 sprite */ background-repeat:no-repeat !important; width:90px;height:22px;text-indent:-9999px !important;display:block} nav p{text-transform: uppercase;color:#c1c1c1;display:block;position: absolute;top: 17px;right: 42px} nav ul{margin:0; padding:1em;list-style-type:none} nav ul li{display:inline;margin-left: 1em} nav ul li:first-child{margin-left: 0} nav ul li ul{display: none} nav ul li a{color: #fff} nav ul li a:hover{color: #333} nav ul li a, nav ul li a:hover{-o-transition: color 0.25s ease-in; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; transition: color 0.25s ease-in} /* hide the link until viewport size is reached */ a.meanmenu-reveal {display:none} /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar {width: 100%; position: relative; background: #121212; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal {width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #c1c1c1; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span {display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav {float: left; width: 100%; background: #121212; margin-top: 33px; } .mean-container .mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li {position: relative; float: left; width: 100%; margin: 0; } .mean-container .mean-nav ul li a {display: block; float: left; width: 100%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a {width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a {width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a {width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a {width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li ul li a:hover {background: #252525; background: rgba(255,255,255,0.1); } .mean-container .mean-nav ul li a.mean-expand {width: 26px; height: 26px; border: none !important; padding: 9px 12px 0 92% !important; /* ANCHO BOTON */ text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover {background: none; } .mean-container .mean-push {float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper {width: 100%; padding: 0; margin: 0; } /* -------------------------------------------------------*/ /* HEADER */ /* -------------------------------------------------------*/ #header{height:52px!important; float:left;} #contentHeader{width:320px !important; height:53px !important; margin:0 auto !important; padding: 0 !important; overflow: hidden; } #contentHeader #header_logo{display: none!important; margin:5px !important; padding:0; float:left } #contentHeader #header_logo a#LogoRipley{background:url(../images/colors/color1/ripley_sprites.png)!important; background-position:-22px -52px !important; background-size:210px 105px !important; /* 420 x 210 sprite */ background-repeat:no-repeat !important; width:90px !important; height:22px !important } /* -------------------------------------------------------*/ /* MENU COMERCIOS csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ .menu_enlaces{display:none !important} /* -------------------------------------------------------*/ /* SELECTOR PAIS csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ #contComercios ul{display:none !important} /* -------------------------------------------------------*/ /* MENU NAVEGACION csepulvedage@ripley.cl */ /* -------------------------------------------------------*/ #header_nav{display:none} #contentHeader #header_links{display: none} /* -------------------------------------------------------*/ /* MENU INICIO */ /* -------------------------------------------------------*/ #contentHeader #inicioCliente{display:none} /* -------------------------------------------------------*/ /* HEADER */ /* -------------------------------------------------------*/ #contentHeader{ width:480px !important; margin: 0 auto !important; } /* -------------------------------------------------------*/ /* BANNER PROMOCIONAL SUPERIOR */ /* -------------------------------------------------------*/ #espotTop #BannerPromocional #box{width:768px; margin:0 auto; overflow:hidden} #espotTop #BannerPromocional img{display:block; float:left;height:40px;margin:0 20px 0 20px} #espotTop #BannerPromocional #box p.uno{width:480px; font-size:12px; line-height:26px; padding:8px 0 0} #espotTop #BannerPromocional #box a{color:#fff; font-size:10px; display: block; width:100px; background:#0059a7; padding:5px; margin:8px 0 0 10px} #espotTop #BannerPromocional #box a:hover{color:#fff; background:#60bdea;} /* -------------------------------------------------------*/ /* LLAMADO CAMPAÑA */ /* -------------------------------------------------------*/ #caja_uno{padding:10px 0 30px} #caja_uno #box{width:700px; margin:0 auto} #caja_uno #box img{display:block; float:left;height:120px;margin:0 0 0 30px} #caja_uno #box p{display:block; float:left; width:700px} #caja_uno #box p.uno{font-size:30px; line-height:30px; padding:0 0 5px} #caja_uno #box p.dos{font-size:17px; line-height:20px} /* -------------------------------------------------------*/ /* PRINCIPAL VITRINA csepulvedage@ripley.cl - */ /* -------------------------------------------------------*/ #caja_dos{margin:20px auto} #caja_dos #content_banner_principal{width:100%} /* -------------------------------------------------------*/ /* FILTROS */ /* -------------------------------------------------------*/ /* -------------------------------------------------------*/ /* PAGINADOR */ /* -------------------------------------------------------*/ #paginador, #paginador-mobile{display: table; margin: 0 auto;} #paginador ul, #paginador-mobile ul{margin:0; padding: 0; list-style-type: none;} #paginador ul li, #paginador-mobile ul li{display: block; float: left;} #paginador ul li a, #paginador-mobile ul li a{margin: 0 2px 3px;} #paginador ul li a.current, #paginador-mobile ul li a.current{right:inherit; margin: 0 2px 3px;} .hidden-mobile{display: none !important;} .visible-mobile{display: table !important;} .StickyCatalogMenu.cloned{display: none !important} .StickyCatalogMenu.original{display: block !important; visibility: visible !important; position: inherit !important; left:inherit !important;} /* -------------------------------------------------------*/ /* OFERTA AL LIMITE */ /* -------------------------------------------------------*/ #caja_tres{width:100%;height:auto;margin:50px auto} #caja_tres #box{width:768px} #caja_tres .Llamado{display:block; font-size:26px; background-color:#C00; color:#fff; text-align:center; padding:6px; font-weight:bold} #caja_tres .Descubre{display:block; font-size:18px; background-color:#e85248; color:#fff; text-align:center; line-height:22px} #caja_tres .Descubre span{display:inline-block; font-size:18px; color:#ffc434; font-weight:bold} #caja_tres .LogoOferta{display:none} #caja_tres .ProductoOferta{width:374px; height:190px; float:left; padding:25px 0 0} #caja_tres .ProductoOferta img{margin:10px 15px 10px 10px} /* -------------------------------------------------------*/ /* PRODUCTOS DESTACADOS */ /* -------------------------------------------------------*/ ul#sector_productos{width:768px !important} ul#sector_productos li.producto{width:150px;height:320px;padding:0; margin:10px 19px 5px;float:left; list-style:none} ul#sector_productos li.producto img{width:150px;height:111px;margin:0 0 10px;display:block;float:left} ul#sector_productos li.producto h3, ul#sector_productos li.producto p{width:135px; text-align:left;display:block;float:left;font-family:Helvetica,Arial,sans-serif; padding:0 0 0 10px} ul#sector_productos li.producto h3{font-size:16px;font-weight:bold;line-height:16px; height:46px; overflow:hidden} ul#sector_productos li.producto p{color:#666;font-size:12px;font-weight:normal;line-height:14px} ul#sector_productos li.producto .descripcion{max-height:40px; overflow:hidden; margin:8px 0} ul#sector_productos li.producto .precioAntes{color:#868686; font-size:11px} ul#sector_productos li.producto .precioCyber{color:#C00; font-size:18px; margin:0; font-weight:bold} ul#sector_productos li.producto .otar{background: url(../images/otar.jpg) 0 0 no-repeat;display: block;float: right;height: 33px;margin: -14px 0 0 0px;text-indent: -9999px;width: 37px} ul#sector_productos li.producto .stock{font-size:11px; color:#b4b4b4} ul#sector_productos li .descuento{width:120px;padding:20px 12px; margin:0; border:2px solid #d6d6d6; border-style:dotted} ul#sector_productos li .descuento:hover{border:2px solid #cc0000; border-style:dotted} ul#sector_productos li .descuento h2{font-size:20px; line-height:30px; color:#C00; letter-spacing:-1px} ul#sector_productos li .descuento h2.numero{font-size:24px; line-height:25px; height:65px; margin:0} ul#sector_productos li .descuento h2 span{font-size:40px} ul#sector_productos li .descuento p.describe_descuento{width:120px; font-size:14px; line-height:18px; padding:0} ul#sector_productos li .descuento p.describe_legal{width:120px; font-size:12px; line-height:16px; padding:0} /* METODOS DESPACHO */ ul#sector_productos .dpr_cat{padding:6px 0 0 8px} ul#sector_productos .dpr_cat p.metodo{display:none} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 1 */ /* -------------------------------------------------------*/ #caja_cuatro{margin:4px auto} #caja_cuatro #box{width:768px; margin:0 auto; padding:20px 0; overflow:hidden; background:#fff} #caja_cuatro #box img{display:block; float:left;height:100px;margin:0 20px 0 20px} #caja_cuatro #box p{display:block; float:left; width:450px} /* -------------------------------------------------------*/ /* BANNER CAMPAÑA 2 */ /* -------------------------------------------------------*/ #caja_cinco{padding:15px 0} #caja_cinco #box{width:768px; margin:0 auto; padding:20px 0; overflow:hidden} /* -------------------------------------------------------*/ /* CORPORATIVA */ /* -------------------------------------------------------*/ #caja_corporativa{padding:50px 0} #caja_corporativa #box{width:768px; margin:0 auto; overflow:hidden} #caja_corporativa #box #despacho, #caja_corporativa #box #cambios, #caja_corporativa #box #telefonica, #caja_corporativa #box #proteccion{width:300px;height:115px;margin:0 20px 20px; padding:20px; float:left} #caja_corporativa #box img{height:40px;margin:0 10px 0 0} #caja_corporativa #box h3{font-size:16px; line-height:17px; display: block; margin:10px 0 10px} #caja_corporativa #box p{font-size:12px; line-height:16px; margin:22px 0 0} /* -------------------------------------------------------*/ /* FOOTER */ /* -------------------------------------------------------*/ #firstFooter{width:100%; height:150px !important } #footer{width:280px !important; height:auto !important; margin:0 auto; padding:20px 0 0 !important; display:block; overflow:hidden } /* SUSCRIBIRSE */ #firstFooter #firstFooterBox{width:768px !important; height:120px !important; padding:10px 10px 0 !important } #firstFooter .caja_siguenos{width:750px !important; height:120px !important; margin:12px 0 0 0 !important; padding:0 0 0 10px; } #firstFooter .VentasTelefonicas{width:230px !important; height:90px; padding:10px 0 0 10px !important;} #firstFooter .ServicioCliente{width:230px !important; padding:10px 0 0 40px !important} #firstFooter .caja_redes{padding:10px 0 0 40px !important} /* MENU CORPORATIVO csepulvedage@ripley.cl */ #footer ul.item_footer{height:auto !important; border-left:none !important; display:block !important; padding: 20px 0 !important; float:none !important } #footer ul.item_footer li{margin: 0 auto !important; padding: 2px 0 !important; text-align:center } #footer ul.item_footer li a{font-size:14px !important } #footer ul.item_footer li a:hover{color:#333} #footer ul.item_footer .titular{width:280px !important; font-size:20px !important; margin:0 auto !important; text-align:center !important; float:none !important } #footer .col_uno, #footer .col_dos, #footer .col_tres, #footer .col_cuatro{width:280px !important; margin:0 auto!important; padding: 0 0 20px 0; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted; } #footer .col_cuatro{overflow: hidden; } #footer .col_cinco li.titular{width:200px !important; font-size:20px !important; margin:0 auto !important; text-align:center !important; float:none !important } #footer .col_cuatro li.footerNovios, #footer .col_cuatro li.footerMama, #footer .col_cuatro li.footerDeco{margin:0 0 5px 20px !important } #footer .col_cinco{width:280!important; border-left:none !important; margin:0 auto 10px !important; padding:0 !important; float:none!important; padding: 0 20px 20px !important; border-bottom:1px solid #d1d1d1; border-bottom-style: dotted; } #footer .col_cinco li{list-style:none;float:none !important; overflow: hidden; } /* INFO LEGAL csepulvedage@ripley.cl */ #content_info_legal{width:300px !important; padding:10px 10px 20px !important; } #content_info_legal #info_legal{width:280px !important; overflow: hidden; } #content_info_legal #info_legal p{width:280px !important; font-size:9px !important } #content_info_legal #info_legal p a{font-size:9px } /* DESPACHO */ #caja_despacho {width:100%;height:auto;margin:50px auto} #caja_despacho #box{width:768px} #caja_despacho #box p {font-size:18px; line-height:26px; padding:10px 0 0; } #caja_despacho #box .caja01 {width: 49%; float: left; border: none;text-align: center;border-right: 1px solid #adadad;} #caja_despacho #box .caja02 {width: 50%; float: right;text-align: center;} #caja_despacho #box .caja01 img {width: 100%; max-width: 450px;} #caja_despacho #box .caja02 img {width: 100%; max-width: 450px;} } /* End iPad Portrait Only - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Medium Screen / Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media only screen and (min-width: 1024px) and (max-width: 1359px) { /* -------------------------------------------------------*/ /* PRODUCTOS DESTACADOS */ /* -------------------------------------------------------*/ ul#sector_productos{width:1024px !important} ul#sector_productos li.producto{width:217px;height:360px;padding:0; margin:10px 18px 5px !important;float:left; list-style:none} ul#sector_productos li.producto img{width:217px;height:161px;margin:0 0 10px;display:block;float:left} ul#sector_productos li.producto h3, ul#sector_productos li.producto p{width:135px; text-align:left;display:block;float:left;font-family:Helvetica,Arial,sans-serif; padding:0 0 0 10px} ul#sector_productos li.producto h3{font-size:16px;font-weight:bold;line-height:16px; height:46px; overflow:hidden} ul#sector_productos li.producto p{color:#666;font-size:12px;font-weight:normal;line-height:14px} ul#sector_productos li.producto .descripcion{max-height:40px; overflow:hidden; margin:8px 0} ul#sector_productos li.producto .precioAntes{color:#868686; font-size:11px} ul#sector_productos li.producto .precioCyber{color:#C00; font-size:18px; margin:0; font-weight:bold} ul#sector_productos li.producto .otar{background: url(../images/otar.jpg) 0 0 no-repeat;display: block;float: right;height: 33px;margin: -14px 0 0 0px;text-indent: -9999px;width: 37px} ul#sector_productos li.producto .stock{font-size:11px; color:#b4b4b4} ul#sector_productos li .descuento{width:180px;padding:20px; margin:0; border:2px solid #d6d6d6; border-style:dotted} ul#sector_productos li .descuento:hover{border:2px solid #cc0000; border-style:dotted} ul#sector_productos li .descuento h2{font-size:30px; line-height:30px; color:#C00; letter-spacing:-2px} ul#sector_productos li .descuento h2.numero{font-size:40px; line-height:40px; height:95px; margin:0 0 5px} ul#sector_productos li .descuento h2 span{font-size:60px} ul#sector_productos li .descuento p.describe_descuento{width:180px; font-size:22px; line-height:26px; padding:4px 0} ul#sector_productos li .descuento p.describe_legal{width:180px; font-size:16px; line-height:16px; padding:4px 0} } /* Medium Screen / Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Big UFHD Screen / Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media only screen and (min-width: 1360px) and (max-width: 1600px) { /* -------------------------------------------------------*/ /* PRODUCTOS DESTACADOS */ /* -------------------------------------------------------*/ ul#sector_productos{width:1298px !important} ul#sector_productos li.producto{width:290px;height:400px;padding:0; margin:10px 16px 5px !important;float:left; list-style:none} ul#sector_productos li.producto img{width:280px;height:222px;margin:0 0 10px;display:block;float:left} ul#sector_productos li.producto h3, ul#sector_productos li.producto p{width:275px} ul#sector_productos li.producto h3{font-size:18px;height:30px} ul#sector_productos li.producto p{font-size:13px} ul#sector_productos li.producto .precioAntes{font-size:12px} ul#sector_productos li.producto .precioCyber{font-size:20px; margin:5px 0 0} ul#sector_productos li.producto .otar{margin: -14px 140px 0 0px} ul#sector_productos li.producto .stock{font-size:12px} } /* Big UFHD Screen / Browser - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */