@media screen and (min-width: 960px) { /*---------- Menu 2024 */ #desplegable-submenu a, .menu-enlaces a small { font-family: 'poppinsmedium'; } .menu-enlaces a, .menu-enlaces button, .menu-inicio a, .menu-redes p { font-family: "poppinsbold"; } /*--- bg */ #desplegable-menu { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; } /*--- Menu */ .contenedor-menu { width: 640px; padding: 32px 64px 84px 64px; background-color: white; position: absolute; top: 48px; right: 24px; } .menu-pc-sabores .contenedor-menu { top: 58px; right: 8px; } .menu-inicio a { display: block; text-align: center; font-size: 16px; } .menu-enlaces a, .menu-enlaces button { display: inline-flex; align-items: center; width: 100%; padding: 18px 0 18px 8px; /*background-color: grey;*/ border-bottom: 1px solid #cac4d0; font-size: 14px; } .menu-enlaces button { border: none; background-color: transparent; width: 100%; cursor:pointer; } .menu-enlaces button img:nth-child(2){ margin-left: 8px; } .menu-enlaces a small { font-size: 12px; display: inline-block; margin-left: 8px; } button#menu-cerrar { border: none; background-color: transparent; position: absolute; right: 0; top:0; cursor:pointer; } button#menu-cerrar img { width: 22px; height: auto; padding: 16px; } .menu-enlaces img, .menu-inicio img { width: 22px; height: auto; margin-right: 16px; } .menu-inicio a { display: block; padding: 8px 0; text-align: center; font-size: 16px; background-image: url("/img/ico_barilochense.png"); background-repeat: no-repeat; background-size: 22px auto; background-position: 43% center; } /*--- SubMenu Sociedad */ #desplegable-submenu a { display: inline-block; width: 32%; padding: 18px 0 18px 8px; /*background-color: grey;*/ border-bottom: 1px solid #cac4d0; font-size: 14px; } /* ---- Redes */ .menu-redes { position: absolute; right: 32px; bottom: 32px; text-align: center; } .menu-redes p { color: black; font-size: 14px; } .menu-redes img { margin: 0 4px; width: 22px; height: auto; } /*---------- FIN Menu 2024 */ /*---------- Footer 2024 */ .footer-enlaces a, .footer-copy, .footer-enlaces a small { font-family: 'poppinsmedium'; } .footer-enlaces ul li:first-child a, .footer-enlaces ul li a:nth-child(3), .footer-redes p { font-family: "poppinsbold"; } .footer { padding: 32px 16px; margin: 0 5%; border-top: 4px solid #1d4f80; } .footer-logo { text-align: center; padding-bottom: 32px; } .footer-logo img { width: 256px; height: auto; } .footer-enlaces { display: inline-block; width: 79%; /*background-color: green;*/ } .footer-enlaces a { display: inline-flex; align-items: center; width: 24%; padding: 18px 0 18px 8px; /*background-color: grey;*/ border-bottom: 1px solid #cac4d0; font-size: 14px; } .footer-enlaces a small { font-size: 12px; display: inline-block; margin-left: 8px; } .footer-enlaces ul li:first-child a { /*background-color: red;*/ margin-left: 420px; width: 48%; font-weight: bold; font-size: 14px; } .footer-enlaces ul li a:nth-child(3) { /*background-color: grey;*/ padding: 0px; width: 48%; font-weight: bold; font-size: 14px; } .footer-enlaces a img { margin-right: 16px; } .footer-contacto { /*background-color: orange;*/ display: inline-block; position: relative; width: 20%; height: 460px; } .footer-enlaces img, .footer-contacto img { width: 22px; height: auto; } .footer-enlaces ul li { display: flex; } .footer-redes { position: absolute; bottom: 0px; right: 0px; } .footer-redes p { color: black; font-size: 14px; } .footer-redes img { margin: 0 4px; } .footer-copy { text-align: center; padding: 32px 0 0 0; font-size: 14px; color: #49454F; } .footer-copy a { text-decoration: underline; color: #49454F; } /*---------- Fin Footer 2024 */ /*----- Sección Sabores */ .sabores-relacionados h3 { font-family: 'poppinsmedium'; font-size: 17px; color: white; padding: 8px; margin-bottom: 16px; } .img-qr { display: flex; justify-content: center; } .img-qr img { display: inline-block; width: 100%; height: 240px; object-fit: cover; } .body-qr { padding: 16px 0; color:black; } .body-qr h3 { font-family: "poppinsbold"; font-size: 17px; } .body-qr p { font-family: 'poppinsmedium'; font-size: 17px; font-style: normal; padding: 8px 0px; } .body-qr a { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: block; text-align: center; color: white; padding: 10px 8px 8px 8px; font-family: 'poppinssemibold'; font-size: 14px; font-style: normal; background-color: #e9503e; } /* .body-qr a img { display: inline-block; width: 18px; height: auto; }*/ .body-qr a { background-image: url("/img/ico_descarga_qr.png"); background-repeat: no-repeat; background-size: 16px auto; background-position: 98% center; } .header-sabores { display: flex; justify-content: center; align-items: flex-end; background-color: white; padding: 16px 16px 16px 10px; } .header-sabores .volver-sabores { width: 25%; /*background-color: grey;*/ display: flex; align-items:center; font-family: 'poppinssemibold'; font-size: 14px; line-height: 16px; } .header-sabores .volver-sabores img { width: auto; height: 64px; } .header-sabores .logo-sabores { width: 50%; display: flex; justify-content: center; align-items: center; /*background-color: red;*/ text-align: center; } .header-sabores .logo-sabores img { width: 420px; height: auto; } .header-sabores .menu-sabores { width: 24%; /*background-color: green;*/ text-align: center; display: flex; align-items:center; justify-content:flex-end; } .header-sabores .menu-sabores button { /*background-color: #e9503e; border-radius: 50%; width: 32px; height: 32px;*/ border: none; background-color: transparent; } .header-sabores .menu-sabores img { height: 16px; width: auto; } .pie-sabores { text-align: center; padding-bottom: 90px; padding-top: 16px; } .pie-sabores img { height: 32px; width: auto; margin: 0 6px 8px 6px; } .pie-sabores p { font-family: "poppinsbold"; font-size: 14px; margin-bottom: 16px; color: black; } .pie-sabores hr { height: 4px; width: 43%; display: inline-block; background-color: black; border:none; margin: 20px 0 28px 0; } .pie-sabores a { text-decoration: underline; color:black; } /*----- Fin Sección Sabores */ /* ------- Slide Portada Nuevo --------- */ .slider-novedades-nuevo .slider-img { height: 460px; overflow: hidden; background-color: white; } .slider-novedades-nuevo .slider-img a { position: relative; display: block; } .slider-novedades-nuevo .slider-img a img { height: 460px; object-fit: cover; } .slider-novedades-nuevo .slider-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; z-index: 10000; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,212,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,212,255,0) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,212,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00d4ff",GradientType=1); } .slider-novedades-nuevo .slider-info { background-color: white; padding: 8px 86px; } .slider-novedades-nuevo .slider-info a { color: black; display: block; } .slider-novedades-nuevo .slider-titulo { font-family: "poppinsbold"; font-size: 32px; display: inline-block; width: 75%; vertical-align: middle; } .slider-novedades-nuevo .slider-link { font-family: 'poppinssemibold'; font-size: 19px; font-style: normal; display: inline-block; width: 23%; vertical-align: middle; text-align: right; color: #5e5e5e; } .slider-novedades-nuevo .slider-link a { text-align: center; } .slider-novedades-nuevo .slider-pie { padding: 8px 86px 32px 86px; text-align: center; background-color: white; } .slider-novedades-nuevo .slider-pie a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 16px 8px; font-family: 'poppinssemibold'; font-size: 19px; font-style: normal; } .slider-novedades-nuevo .slider-pie img { width: 16px; max-height: 16px; display: inline-block; } .slider-novedades-nuevo .slick-prev, .slider-novedades-nuevo .slick-next { top: 256px; background-color: white; border-radius: 50%; background: rgba(255, 255, 255, 0.3); padding: 38px; } .slider-novedades-nuevo .slick-prev { left: 86px; } .slider-novedades-nuevo .slick-next { right: 86px; } .slider-novedades-nuevo .slick-prev:before { content:""; background: url(/img/slider-flecha-izquierda_blue.svg); background-size: cover; display: block; opacity: 1; width:32px; height: 32px; margin-top: -16px; margin-left: -16px; } .slider-novedades-nuevo .slick-next:before { content:""; background: url(/img/slider-flecha-derecha_blue.svg); background-size: cover; display: block; opacity: 1; width:32px; height: 32px; margin-top: -16px; margin-left: -16px; } .slider-novedades-nuevo .slick-prev:hover, .slider-novedades-nuevo .slick-prev:focus, .slider-novedades-nuevo .slick-next:hover, .slider-novedades-nuevo .slick-next:focus { background-color: white; } /* ------- Fin Slide Portada Nuevo --------- */ .titulo-agenda { background-color: #f5f5f5; margin-bottom: 20px; padding: 8px; } .titulo-agenda a { font-size:32px; /*color:#ad0201;*/ color:#ff8728; font-weight: 600; } .titulo-agenda small { display: block; font-size: 19px; color:#5e5e5e; } .item-agenda-enlace { font-size: 19px; font-weight: bold; color:#5e5e5e; } .slider-contenedor { margin-bottom: 16px; } .slider-contenedor a { color: white; display: block; height: 100%; } .slider-novedades .slider-head { display: block; padding: 16px; font-size: 28px; } .slider-novedades .slider-head a { display: inline; } .slider-novedades .slider-lateral { display: inline-block; width: 20%; height: 80vh; text-align: center; } .slider-novedades .slider-lateral h2 { font-size: 48px; font-weight: bold; padding-top: 8px; text-transform: uppercase; } .slider-novedades .slider-lateral h2 small { font-size: 17px; display: block; } .slider-lateral .slider-logo { padding-top: 24px; } .slider-novedades .slider-lateral img { width: 50%; margin: 0 auto; } .slider-lateral .slider-words { padding-top: 24px; font-size: 32px; font-weight: bold; } .slider-lateral .slider-words p { line-height: 32px; } .slider-novedades .slider-centro { display: inline-block; width: 60%; height: 80vh; position: relative; overflow: hidden; } .slider-novedades .slider-centro img { /*width: 744px;*/ width: 100%; height: 80vh; object-fit: cover; } .slider-novedades .slider-centro .slider-titulo:before { } .slider-novedades .slider-centro .slider-titulo { position: absolute; top: 0px; padding: 8px; width: 100%; font-size: 24px; background-color: white; width: 100%; } .slider-novedades .slider-centro .slider-titulo a { padding-right: 32px; } .slider-novedades .slick-prev:before, .slider-novedades .slick-next:before { font-size: 48px; } .slider-novedades .slick-prev, .slider-novedades .slick-next { /*top: 85%;*/ top: 50%; } .slider-novedades .slick-prev { left: 16px; } .slider-novedades .slick-next { right: 16px; } /*.slider-novedades .slick-prev:before { background-image: url('/img/flecha-prev.png'); background-size: 50px 50px; display: inline-block; width: 50px; height: 50px; content:""; }*/ .fa-2x { font-size: 32px; } .botones-header { display: block; width: 100%; text-align: right; } .botones-header a, .botones-header button { background-color: transparent; border:none; color: #1d4f80; font-size: 32px; cursor: pointer; } .botones-header-market { display: block; float: right; } .botones-header-market i { color: white; } .botones-header-market button { background-color: transparent; border:none; font-size: 32px; cursor: pointer; } #menu-header { position: absolute; z-index: 500; background-color: #1d4f80; padding: 24px 0px 28px 0px; border-radius: 16px; display: block; width: 450px; } .menu_sabores_desplegable { top: 110px !important; } #menu-header a { color: white; } #menu-header a img { height: 22px; width: auto; } #menu-header div.menu-general, #menu-header div.menu-market { display: inline-block; width: 45%; } #menu-header div.menu-general { text-align: right; margin-right: 14px; } #menu-header div.menu-market { text-align: left; margin-left: 14px; } #menu-header ul:first-child{ font-size: 21px; height: 190px; } #menu-header ul li { padding: 2px; } .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 13px 24px; } .side-der { margin-left:8% !important; text-align:right; } .palabra-market { display: block; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 1px solid #1d4f80; background-color: white; padding: 3px 8px 3px 8px; -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.22); -moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.22); box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.22); margin-bottom: 4px; } .palabra-market img { width: 124px; } /* ************************************* */ /* CABECERA MARKET /* ************************************* */ .cabecera-market-container { background-color: #1d4f80; position: absolute; z-index: 3; width: 100%; display: flex; justify-content: center; align-items: flex-end; } .cabecera-market { width: 1238px; padding:16px 0 20px 0; } .cabecera-logo { display: inline-block; width: 24%; vertical-align: bottom; text-align: center; } .cabecera-logo img { width: 80%; } .cabecera-medio { display: inline-block; width: 56%; text-align: center; vertical-align: bottom; } .cabecera-medio form { display: inline-block; border: 2px solid white; } .cabecera-medio select { font-family: "Titillium Web", sans-serif; font-size: 17px; color: #1d4f80; line-height: 35px; margin: 0; padding-left: 4px; padding-right: 44px; display: inline-block; border: 1px solid #ccc; border-right: none; border-bottom: none; vertical-align: bottom; cursor: pointer; /* reset */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #1d4f80, #1d4f80); background-position: calc(100% - 20px) calc(1em - 1px), calc(100% - 15px) calc(1em - 1px), 100% 0; background-size: 5px 5px, 5px 5px, 2.4em 5em; background-repeat: no-repeat; } .cabecera-medio input { font-family: "Titillium Web", sans-serif; color: #1d4f80; font-size: 19px; width: 360px; border: 1px solid #ccc; border-left: none; padding: 1px 8px 4px 8px; vertical-align: bottom; } .cabecera-medio button { line-height: 34px; padding: 0 14px; margin: 0; border: none; background-color: #1d4f80; color: white; vertical-align: bottom; cursor: pointer; } .cabecera-medio a { color: white; font-size: 17px; padding-bottom: 8px; display: inline-block; } .cabecera-medio a:first-child { margin-right: 64px; } .cabecera-medio a:first-child img { height: 20px; width: auto; } .cabecera-enlaces { display: inline-block; width: 18%; vertical-align: bottom; } .cabecera-enlaces a { display: block; color: white; font-size: 21px; font-family: "Titillium Web", sans-serif; } .cabecera-enlaces a:first-child { margin-bottom: 16px; } .cabecera-enlaces .column2 { display: inline-block; width: 15%; } .cabecera-enlaces .column2 img { width: 100%; } .cabecera-enlaces .usuario { width: 70%; margin-left: 8px; display: inline-block; color: white; } .cabecera-enlaces .usuario h2 { font-size: 15px; font-weight: bold; padding-bottom: 4px; } .cabecera-enlaces .usuario a { font-size: 15px; padding-bottom: 4px; display: block; } .cabecera-enlaces .usuario a.btn-salir { margin-top: 4px; } /* ************************************* */ /* FILTROS en MARKET /* ************************************* */ .grid { background-color: #f5f5f5; padding-left: 10px; } .grid-item { float: left; width: 48.3%; height: auto !important; background-color: white; box-shadow: inset 0 0 0 1px #e5e5e5, 0 1px 0 1px rgba(0, 0, 0, 0.02); margin-top: 10px; } .grid-item a.grid-img img { width: 100%; } .grid-item a.grid-img, .grid-item p { display: block; padding: 15px; color: #5e5e5e; } .grid-item a.grid-titulo { font-size: 24px; display: block; padding: 15px; font-family: "Titillium Web", sans-serif; } .grid-item a.grid-titulo b { font-weight: 600; } .grid-item p { border-top: 1px solid #ececec; } .grid-item .grid-item-button { display: inline-block; border: 1px solid #232323; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 9px 13px; margin-left: 15px; margin-bottom: 15px; } .grid-item .grid-item-button small { vertical-align: middle; font-size: 11px; } .grid-item .grid-item-button i { margin-right: 2px; vertical-align: middle; } .grid-item .grid-etiqueta { display: block; position: absolute; top: -5px; right: 10px; z-index: 5; padding: 5px 10px; border-radius: 2px; -moz-border-radius: 2px; background: #2c3e50; background-color: rgb(44, 62, 80); color: #fff; font-size: 12px; font-weight: bold; } .item-filtros-agenda { width: 100%; } .filtros { padding: 12px; } .filtros-agenda { margin-bottom: 16px; } .filtros button, .filtros-agenda button, a.filtros-secciones { padding: 6px 12px; margin-bottom: 4px; border: 2px solid #e5e5e5; border-radius: 4px; border-bottom-color: #b1b1b1; -moz-border-radius: 8px; background-color: #e5e5e5; font-size: 12px; font-weight: bold; cursor: pointer; color: #1d4f80; } .filtros-agenda button, a.filtros-secciones { color: #ff8728; margin-right: 2px; } a.filtros-secciones { display: inline-block; } .filtros-agenda button:nth-child(1) { margin-right:-2px; } .filtros button.is-checked { border: 2px solid #1d4f80; border-bottom-color: #b1b1b1; background-color: #1d4f80; color: white; } .filtros-agenda button.is-checked { border: 2px solid #ff8728; border-bottom-color: #ff8728; color: white; background-color: #ff8728; } #btn-calendario { display: none } .info-calendario { padding: 8px; display: inline-block; color: #ff8728; } .titulo-dia-calendario, .titulo-dia-aviso { padding: 16px; margin-bottom: 16px; color: white; background-color: #ff8728; } .btn-mp-grid { display: inline-block; font-size: 14px; font-weight: bold; padding: 5px 13px 9px 13px; background-color: #ff8c00; color: white; border: 3px solid #ff8c00; border-radius: 2px; border-bottom-color: #cc6600; } .btn-mp-grid, .btn-mp-grid img, .btn-mp-grid span { display: inline-block; vertical-align: middle; } .btn-mp-grid img { width: 34px; height: auto; } .btn-mp-grid span { margin-left: 4px; font-weight: bold; } .detalles-producto { height: 128px; } .buscar-sidebar { margin-top: 16px; } .buscar-sidebar .search-box { width: 68%; } .buscar-sidebar button { color: white; } .header .search-box { width: 143px; vertical-align: bottom; border-radius: 0; } .header .buscar-sidebar { margin-top: 0px; } .header .btn-buscador, .buscar-sidebar .btn-buscador { display: inline-block; font-size: 16px !important; background-color: #1d4f80; line-height: 34px; padding: 0 10px; color: #fff; border: none; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2); vertical-align: bottom; cursor: pointer; } /* ************************************* */ /* HEADER MARKET /* ************************************* */ .header-market { padding-top: 12px; } .header-logo { width: 304px; display: inline-block; vertical-align: bottom; } .header-logo a { padding: 0px 32px 0px 16px; display: block; } .header-logo img { width: 100%; height: auto; } .header-medio { width: 694px; display: inline-block; vertical-align: bottom; } .header-costado { width: 212px; display: inline-block; vertical-align: bottom; text-align: right; } .rubros-market-contenedor { position: relative; width: 256px; } /* RUBRO MARKET */ #rubros-market-btn { vertical-align: bottom; display: inline-block; border: 1px #1d4f80 solid; background: #1d4f80; padding: 0 10px; line-height: 32px; text-align:center; font-size: 14px; color: #fff; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); cursor: pointer; } .bloque-title { text-align: right; cursor: pointer; } #rubros-market-titulo { vertical-align: bottom; width: 70%; margin-right: 2px; display: inline-block; padding: 7px 8px 8px 8px; font-weight: bold; font-size: 19px; background-color:#1d4f80; color: white; text-align: left; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); } b.precio { font-size: 26px; display: block; color: #1d4f80; } .btn-clasificados-market { display: inline-block; font-size: 14px; line-height: 28px; margin: 0 0px 7px 0; background: #1d4f80; color: #fff; padding: 4px 10px 4px 10px; border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2); float: right; } /* ************************************* */ /* BUSQUEDA MARKET /* ************************************* */ .resultado-busqueda { display: block; color: #1d4f80; padding-bottom: 16px; border-bottom: 1px solid #e5e5e5; margin-bottom: 16px; } .resultado-busqueda big {font-size: 24px; display: block; margin-bottom: 4px; font-weight: bold} .resultado-busqueda small { display: block; margin-bottom: 4px; color: grey;} .palabras-busqueda { color: #1d4f80; font-size: 21px; } form.buscar { text-align: right; } form.buscar input[name="q"] { width: 116px; } form.buscar button[name="btnG"] { display: inline-block; font-size: 16px !important; line-height: 38px; margin: 0 4px 0 0; background: #2c3e50; background-color: rgb(44, 62, 80); color: #fff; padding: 0 18px 2px 18px; border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2); } .titulo-rubro { font-size: 48px; font-weight: bold; padding: 4px 0 16px 0; } .titulo-rubro-index { font-size: 38px; font-weight: bold; padding: 4px 0 16px 0; vertical-align: bottom; } .titulo-rubro-index small a { font-size:15px; color:grey; vertical-align: bottom; display: inline-block; padding-bottom: 4px; margin-left: 8px; } #rubros-market { padding: 16px; margin-top: 34px; width: 228px; position: absolute; top: 0px; left: 8px; background: white; z-index: 2000; border: 1px #1d4f80 solid; border-radius: 4px; -moz-border-radius: 4px; } #rubros-market i { font-size: 11px; color: #1d4f80; margin-right: 8px; vertical-align: middle; } #rubros-market ul { text-align: left; } #rubros-market li { margin-bottom: 8px; } #rubros-market li a { color: #1d4f80; } .contenedor-foto img { width: 100%; } .btn-wapp { margin: 12px 0; display: block; border: 1px #25d366 solid; border-radius: 22px 22px 22px 22px; -moz-border-radius: 22px 22px 22px 22px; -webkit-border-radius: 22px 22px 22px 22px; width: 60%; background-color: #dcf8c6; } .btn-wapp i { background-color:#25d366; border-radius: 22px 22px 22px 22px; -moz-border-radius: 22px 22px 22px 22px; -webkit-border-radius: 22px 22px 22px 22px; border: 0px solid #000000; font-size: 24px; padding: 6px 8px; color: white; } .btn-wapp i, .btn-wapp span { vertical-align: middle; } .btn-wapp span { padding-left: 8px; color: #075e54; } .btn-wapp.establecimiento { display: flex; align-items: center; position: absolute; width: 106px; right: 8px; top: 8px; } .btn-wapp.establecimiento i { display: block; padding: 8px 8px 8px 8px; margin-left: 0px !important; font-size: 14px !important; } .btn-wapp.establecimiento i:before { margin-top: 4px; display: block; } .btn-wapp.establecimiento span { font-size: 13px; font-weight: bold; } .btn-wapp.guia-interno { display: flex; align-items: center; width: 138px; font-weight: bold; } .img-guia-listador { height: 48px; display: inline-block; margin-right: 8px; } .li-guia-listador div { display: inline-block; max-width:80%; } .btn-mp-listador { display: inline-block; background-color: #ff8c00; color: white; margin-top: -2px; border: 3px solid #ff8c00; border-radius: 2px; border-bottom-color: #cc6600; padding-bottom: 8px; padding-top: 5px; } .btn-mp-listador, .btn-mp-listador img, .btn-mp-listador span { display: inline-block; vertical-align: middle; } .btn-mp-listador img { width: 34px; height: auto; } .btn-mp-listador span { margin-left: 4px; font-weight: bold; } .ultimo .btn-mp-listador span { font-size: 13px; display: inline-block; } .ultimo .btn-mp-listador img { width: 30%; display: inline-block; } .ico-aviso-carrito { position: fixed; top: 36%; right: 0; z-index: 20000; } .ico-aviso-carrito:nth-child(2) { top: 60%; } .ico-aviso-carrito a { color: white; } .ico-aviso-bg { position: relative; z-index: 0; } .ico-aviso-img { position: absolute; top:0; left: 0; z-index: 10; text-align: center; margin-top: 28px; margin-left: 12px; } .ico-aviso-img img { position: relative; } .ico-aviso-img small { position: absolute; top: 20px; left: 45%; background-color: #1d4f80; z-index: 10; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; } .ico-aviso-img span, .ico-aviso-img b { font-size: 13px; } .ico-aviso-img i { font-style: normal; font-size: 13px; text-decoration: underline; } .ico-aviso-precio { position: absolute; top:0; left: 0; z-index: 10; } .logo-tienda { display: inline-block; width: 100%; text-align: right; } .logo-tienda img { width: 64px; height: auto; } .slick-slide h1, .slick-slide h2 { font-family: "Arial"; font-size: 28px; font-weight: normal; padding-top: 16px; } .active.boxed { width: 1240px; } .ico-tiendaonline { right: 8px; bottom: 8px; } .ico-tienda-datos img { width: 100%; height: auto; } .ico-tienda-datos { margin-top: 4px; } .publicidad-radios { float: right; } .publicidad-radios img { width: 350px; } .publicidad-farmacias { position: relative; width: 100%; } .publicidad-farmacias img { position: absolute; bottom: 32px; right: 0; z-index: 1000; } /* MERCADO PAGO */ .data-cart-add { cursor:pointer; } button.data-remove { position: absolute; right: 4px; top: 4px; background-color: transparent; border: none; font-size: 19px; cursor:pointer; } button.data-cart-add { border: none; padding: 16px; font-size: 19px; color: white; } div.data-price-box { padding:16px 0 0 16px; background-color:#ecebf0; min-height: 60px; } img.img-carrito { width:100%; height:auto; } div.data-price-box small { font-weight: bold; } div.data-price-box div { font-size: 34px; } div.data-total-price-box { padding:16px; background-color:#ecebf0; margin-bottom: 16px; } div.data-total-price-box div { font-size: 48px; } .formulario-compra fieldset { border: 1px solid #dddddd; padding: 16px; margin-bottom: 16px; } .titulo-form-compra img { width: 100%; } .formulario-compra select.order_product_id { width: 100%; } .formulario-compra .order_product_quantity { width: 50%; margin-top: 8px; } .order_product_cant_btn { padding-top: 4px; } .order_product_cant_btn small, .order_product_cant_btn button { vertical-align: bottom; } .order_product_cant_btn small { display: inline-block; padding-right: 66px; font-weight: bold; color: #1d4f80; } .order_product_cant_btn button { background-color: #1D4F80; padding: 4px 12px; border: none; color: white; cursor: pointer; text-transform: uppercase; } .formulario-compra select.order_product_quantity_cart { width: 30%; margin-top: 8px; } .formulario-compra input.order_provision_address { width: 95%; display: block; margin-bottom: 8px; } .formulario-compra input#order_customer_name { width: 40%; display: inline-block; } .formulario-compra input#order_customer_email { width: 50%; display: inline-block; } .formulario-compra input#order_customer_phone { width: 95%; display: inline-block; margin: 8px 0; } .formulario-compra input.order_provision_date { width: 45%; display: inline-block; } .formulario-compra input.order_provision_time { width: 44%; display: inline-block; } .formulario-compra textarea#order_customer_comments { width: 95%; display: block; height: 96px; margin: 8px 0; } .formulario-compra #compra_online_submit { padding: 16px; font-size: 19px; float: right; margin-right: 4px; background-color: #1d4f80; color: white; cursor: pointer; border: none; } .btn-mp-interno { margin: 8px 0 16px 0; width: 90%; } .btn-mp-interno.enlace-venta-externo { padding: 15px 0; } .btn-mp-listador.enlace-venta-externo { padding-right: 8px; min-width: 164px; } #btn-consultas { width: 90%; } .pasos-instructivo img { } .formulario-compra .alerta-info p { font-size: 15px; } #paso-uno, #paso-dos { position: relative; } #paso-dos { display: none; left: 1600px; } #formulario-pago table .foto { width: 20%; display: inline-block; } #formulario-pago table .detalles { display: inline-block; width: 70%; } #formulario-pago table .foto img { width: 90%; } #formulario-pago .precio .foto img { width: 100%; } #formulario-pago .precio .detalles { padding: 2%; } .mercado-modal .precio p { font-size: 52px; font-weight: normal; text-align: center; padding-top: 10px;} .tarjetas small { margin-top: 8px; } .icono-seguridad small { margin-top: 8px; } .icono-seguridad img { width: 112px; } .mercado-modal .cabecera { padding: 16px 0 8px 0 } .mercado-modal label { padding: 8px 0 } .alerta-exitoso, .alerta-error, .alerta-info, .alerta-aviso { padding: 32px; font-size: 24px; } .alerta-exitoso h1, .alerta-error h1, .alerta-info h1, .alerta-aviso h1 { font-size: 40px; } .datos-producto, .datos-foto { padding: 16px 0; } .datos-producto h1 { font-size: 40px; } .datos-personales { padding: 32px; } .datos-foto img { width: 100%; } .pie-suplemento { padding-top: 16px; } .pie-suplemento .icono-suplemento { width: 32px; height: auto; display: inline-block; vertical-align: middle; padding: 0 6px 0 0px; } .pie-suplemento .icono-suplemento div { display: block; border-radius: 50%; overflow: hidden; } .pie-suplemento .icono-suplemento div img { width: 100%; } .pie-suplemento .titulo-suplemento { width: 75%; display: inline-block; vertical-align: middle; font-weight: bold; } #counter-gal { border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border: 0px solid black; background-color: black; position: absolute; right: 0; z-index: 20000; padding: 8px 10px; font-size: 11px; margin-top: 32px; margin-right: 12px; color: white; font-weight: bold; opacity: 0.6; filter: alpha(opacity=60); } .formato-uno #counter-gal { margin-top: 16px; } #publicaciones .owl-item img { width: 100%; height: 500px; object-fit: cover; } #publicaciones .owl-prev, #publicaciones .owl-next, #noticias .owl-prev, #noticias .owl-next { width: 50px; height: 50px; } #publicaciones .owl-stage-outer { } #publicaciones .owl-prev i, #publicaciones .owl-next i, #noticias .owl-prev i, #noticias .owl-next i { line-height: 50px; } #publicaciones .item h3 { padding: 2%; } #noticias .slick-next, #noticias .slick-prev { background-color: #1d4f80; opacity: 1; top:37%; } #publicaciones .info-suple { position: absolute; top: 16px; right: 0; z-index: 10000; padding: 8px; opacity: 1; filter: alpha(opacity=1); -webkit-border-top-left-radius: 16px; -webkit-border-bottom-left-radius: 16px; -moz-border-radius-topleft: 16px; -moz-border-radius-bottomleft: 16px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; } #publicaciones .info-suple:hover { opacity: 0.7; filter: alpha(opacity=70); } #publicaciones .info-suple .titulo-suple, #publicaciones .avatar-suple { display: inline-block; vertical-align: middle; color: white; } #publicaciones .avatar-suple img { border-radius: 16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; -webkit-border-radius: 16px 16px 16px 16px; border: 0px solid black; display: block; overflow: hidden; width: 32px; height: 32px; } /* ---- Cabecera tipo instagram ---- */ .ultimo .cabecera-publicacion { padding-bottom: 10px; } .ultimo .cabecera-publicacion a { font-size: 13px; } .ultimo .cabecera-publicacion .icono-suplemento { width: 32px; height: auto; display: inline-block; vertical-align: middle; padding: 0 6px 0 0px; } .ultimo .cabecera-publicacion .icono-suplemento div { display: block; border-radius: 50%; overflow: hidden; } .ultimo .cabecera-publicacion .icono-suplemento div img { width: 100%; } .ultimo .cabecera-publicacion .titulo-suplemento { width: 75%; display: inline-block; vertical-align: middle; font-weight: bold; } iframe#youtube { width: 100%; min-height: 280px; } img.play{ position: absolute; top: 98px; left: 140px; } .btn-pagina { color: white; font-size:16px; position:absolute; top:4%; right:2%; } .bloqueo1{ height: 2200px; /*opacity: 0.8; filter: alpha(opacity=80);*/ text-align: center; } .bloqueo2 { height: 2224px; } .bloqueo1 h2 { padding: 20%; font-size: 32px; font-weight: normal; color: white; /*opacity: 1.0; filter: alpha(opacity=100);*/ } .bloqueo1 h2 a { font-weight: bold; } .btn-agenda { position: absolute; bottom: 0; right: 4px; } .wrapper { margin: 0 auto; } .pie .logotipo img { width: 360px; } .pie .enlaces { display: inline-block; margin-right: 4%; margin-top: 4%; } .pie .enlaces:first-child { margin-left: 10%; } .pie .redes { display: block; padding-top: 50%; } div.linea { margin-bottom: 24px; } .icono-pagina { padding: 8px 0px; } .icono-pagina a { display: block; } .icono-pagina small { display:inline-block; margin-top: 2px; } .item.formato-uno h4 a { display: block; padding-top: 6px; } .item-block-2.blocks-3 .item-block .item-header, .blocks-3 .item-block .item-photo { height: 128px; min-height: 100px; } .item-block.agenda .author-photo img { width: 32px; height: 32px; } .item-block.product .content { height: 96px; overflow: hidden; } .item-block.product .pagina { height: 32px; margin-top:4px; } .item-block.product .pagina a { padding-left:4px; } .tag-cloud a.clasificados { width:97%; font-size: 20px; } .galeria-notas { margin-bottom: 4%; background-color: #f5f5f5; padding: 3%; } .galeria-notas div { width: 49%; display: inline-block; } .galeria-notas a { display: block; max-height: 256px; overflow: hidden; } .galeria-notas img { width: 100%; } .galeria-notas div small { display: block; padding: 2% 0; } .width1000 .article-double-side .item-links a:last-child { display: none; } .usuario { min-height: 74px; } .boxed.active.width1000 { width: 1000px; } .boxed.active.width1000 .wrapper { width: 960px; } .boxed.active.width1000 .header #main-menu .wrapper > ul > li > a { font-size: 13px; padding: 14px 11px; } .boxed.active.width1000 .header #top-sub-menu ul li a { font-size: 12px; } .boxed.active.width1000 .header #main-menu .wrapper > ul > li a i { font-size: 8px; } /*.boxed.active.width1000 .content-main.with-sidebar-both { width: 640px; }*/ .boxed.active.width1000 .content-main.with-sidebar { width: 770px; } .boxed.active.width1000 .content-main.with-sidebar-both { width: 580px; } .boxed.active.width1000 #main-menu.thisisfixed { height: 56px; } .boxed.active.width1000 .strict-block .block-title h2 { font-size: 17px; } .boxed.active.width1000 #sidebar .widget, .boxed.active.width1000 #sidebar { width: 160px; } .boxed.active.width1000 #sidebar .widget > h3, .boxed.active.width1000 .strict-block .block-title h2 { font-size: 17px; } .blog-style .item .item-content.clasificados img { width: 100%; } .boxed.active.width1000 .blog-style .item .item-content h3 { font-size: 20px; } .boxed.active.width1000 .footer .widget > h3 { font-size: 22px; } .boxed.active.width1000 .tagcloud a, .boxed.active.width1000 .tag-cloud a { font-size: 12px!important; } .boxed.active.width1000 .ls-wp-container, .boxed.active.width1000 #layerslider { width: 100%!important; height: auto!important; } .width1000 #sidebar .widget .widget-top-b { display: none; } .width1000 #sidebar .w-news-list { padding: 20px 0 0 0; background: transparent; } .width1000 #sidebar .w-news-list h4 { font-size: 14px!important; font-weight: 600; } .width1000 #sidebar .w-news-list p, .width1000 #sidebar .w-news-list .item-foot { display: none; } .width1000 #sidebar .widget { display: block; width: 160px; font-size: 14px; margin-bottom: 15px; } .width1000 #sidebar .widget p { font-size: 14px; } .width1000 #sidebar .widget > div { margin-top: 15px; } .boxed.active.width1000 #sidebar .mini-sidebar .widget > h3 { display: block; padding: 10px 15px; color: #fff; background: #2c3e50; font-size: 18px; font-weight: 600; } .width1000 #sidebar .side-banner { padding: 0px!important; background: transparent!important; } .width1000 #sidebar .widget > form, .width1000 #sidebar .widget > ul, .width1000 #sidebar .widget > div { margin-top: 0px; } .width1000 #sidebar .widget > form, .width1000 #sidebar .widget > ul, .width1000 #sidebar .widget > div { display: block; padding: 18px 20px; background: #f5f5f5; } .width1000 #sidebar .widget .menu-quadrum-main-menu-container ul li, .width1000 #sidebar .widget > ul li { margin-top: 12px; line-height: 130%; } .width1000 #sidebar .widget .menu-quadrum-main-menu-container > ul > li:first-child, .width1000 #sidebar .widget > ul > li:first-child { margin-top: 0px; } .width1000 #sidebar .tagcloud > a { font-size: 12px!important; line-height: 14px; padding-top: 7px; padding-bottom: 7px; } .width1000 #sidebar .screen-reader-text { display: none; } .width1000 #sidebar input.search { width: auto; display: block; margin-bottom: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .secundario { max-height: 320px; } .secundario .item-photo a { height: 89px; overflow: hidden; display: block; } .image-small .item-header img, .item-header img { width: 100%; } .item-header .ico-tiendaonline { width: 45%; right: -52px; } .item-header .ico-tiendaonline img { width: 45%; } .contenedor-foto .ico-tiendaonline { width: 45%; right: -72px; } .contenedor-foto .ico-tiendaonline img { width: 45%; } .ico-tiendaonline-ultimo { position: absolute; right: 0; bottom: 0; width: 48px; height: 48px; } .ico-tiendaonline-ultimo img { width: 48px; height: 48px; } .width1000 #sidebar .widget .w-news-list .item .item-photo { float: none; margin-bottom: 10px; width: 100%; height: auto; } .width1000 #sidebar .item-foot a { margin-right: 0px!important; margin-bottom: 5px; } .width1000 #sidebar .widget-contact li strong, .width1000 #sidebar .widget-contact li span, .width1000 #sidebar .widget .w-comment-list .item .item-content, .width1000 #sidebar .widget .w-news-list .item .item-content { margin-left: 0px; } .subscribe-feed input[type=text], .subscribe-feed input[type=email], .subscribe-feed input[type=tel], .subscribe-feed textarea { display: block; width: 92%; margin-bottom: 4%; display: block; background: #fff; border: 1px solid #2c3e50; border-radius: 2px; } .width1000 #sidebar .widget .subscribe-feed p { padding: 0px; } .width1000 #sidebar .widget-contact li i.fa, .width1000 #sidebar .widget .w-comment-list .item .item-photo { display: none; } .width1000 #sidebar .widget .w-photo-gallery .item .item-photos img { width: 48.2%; } .width1000 #sidebar .widget .w-photo-gallery .item .item-photos a:nth-child(2n) img { margin-right: 0px; } .width1000 #sidebar #wp-calendar tbody td { padding: 6px 3px; font-size: 10px; } .width1000 #sidebar #wp-calendar tfoot { /*background: #fff;*/ width: 100%; border-top: 1px dotted #ccc; } .width1000 #sidebar #wp-calendar tfoot td { padding-bottom: 10px; } .width1000 #sidebar #wp-calendar tfoot a { color: #232323; font-weight: bold; } .width1000 #sidebar #wp-calendar tfoot #prev { padding-top: 10px; position: relative; display: table-cell; top: auto; left: auto; margin-bottom: 20px; } .width1000 #sidebar #wp-calendar tfoot #next { padding-top: 10px; position: relative; display: table-cell; top: auto; left: auto; margin-bottom: 20px; } .width1000 .item-block-2 .item-block { background-size: cover!important; box-shadow: 0 1px 0 1px rgba(0,0,0,0.02); } .width1000 .item-block .item-content .item-author .author-name { font-size: 14px; } .width1000 .header-advert { width: 50%; } .width1000 .header-advert img { max-width: 100%; } .boxed.active.width1000 .wrapper { width: 960px!important; } } @media only screen and (max-width: 1255px) { .active.boxed { max-width: 100%; } .wrapper { width: 99%; } .header #main-menu .wrapper > ul > li > a { font-size: 13px; padding: 14px 11px; } .header #top-sub-menu ul li a { font-size: 12px; } .header #main-menu .wrapper > ul > li a i { font-size: 8px; } .content-main.with-sidebar-both, .content-main.with-sidebar { width: 650px; } .content .mini-sidebar { display: none; } #top-sub-menu > .wrapper, #main-menu .subset > .wrapper, #main-menu > .wrapper, .header > .wrapper, .content .wrapper { width: 976px; max-width: 99%; } .boxed.active .header #top-sub-menu, .boxed.active .header #main-menu { margin-left: 0px; margin-right: 0px; } }