/* GENERAL */ * { margin: 0; } html { --lh: 1.4rem; line-height: var(--lh); } #wrapper { min-height: 100%; height: auto !important; height: 100%; } .bg-body { max-width: 1920px; background: #ffffff; width: 100%; margin: 0 auto; } #footer, .push { height: 280px; } #footer { background-image: linear-gradient(90deg, #EEEEEE 0%, #FFFFFF 100%); background: url(../img/ese.png)no-repeat scroll -160px 105%, url(../img/esemask.png)no-repeat scroll right 105%; /*! padding: 15px 30px; */ overflow: hidden; } .curved { position: absolute; left: 0; bottom: 0px; width: 100%; height: 74px; } /*.bg1 { background-position:40% 20%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='2560' height='301.12' viewBox='0 0 1920 225.84'%3E%3CclipPath id='a'%3E%3Cpath transform='rotate(179.986 960 112.961)' d='M0 0h1920v106.648l-10.664 4.606c-55.141 22.667-321.273 119.638-724.47 69.092C860.323 139.618 411.802 90.163 0 225.922V0z' fill-rule='evenodd'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cimage y='-5' width='1920' height='231' xlink:href='data:image/png;base64, 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'/%3E%3C/g%3E%3C/svg%3E"); }*/ body { color: #333; font-family: latoregular,Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.42857; margin-bottom: 0; } a:focus, a:hover { color: #808080; text-decoration: none; } .mr-t { margin-top: 30px; } /* CABECERA - LOGO */ .logo { position: relative; } .logo img { /*! margin: 0 auto; */ } /* CABECERA - inicio */ .nav > li > a:focus, .nav > li > a:hover { background: transparent; } .navbar-default { width: 100%; background: url(../img/ese.png)no-repeat scroll -55px 45%, url(../img/esemask.png)no-repeat scroll right bottom; background-color:#F7F7F7; padding: 0; } .navbar { border: 0; margin-bottom: 0; border-radius: 0; padding: 0; } .navbar-brand { padding:15px; min-width: 16.666667%; text-align: center; flex: 1 0 0%; } .navbar-toggle .icon-bar { background-color: #665234; } ul.menu { list-style-type: none; padding: 0; font-family: 'latoregular'; font-size: 1em; margin: 0; border: 0; overflow-x: hidden; overflow-y: auto; } ul.menu li { /*display: inline-block;*/ display: block; padding: 0; margin: 0; } ul.menu li a { text-decoration: none; color: #000; transition: all 0.5s ease-out 0s; padding-left: 40px; } ul.menu li a:focus, ul.menu li a:hover { color: #000; box-shadow: 2px 2px 8px rgba(0,0,0,.2); top: -1px; position: relative; } ul.menu .dropdown-menu.show li a { display: blocK; } ul.menu li li a:hover { background-color: #f2f5f8; box-shadow: none; top: 0; } ul.menu .dropdown-menu { border-radius: 0; padding: 0; border: 0; box-shadow: none; margin-top: -2px; white-space: normal; position: relative !important; float: none; transform: none !important; } .ico-mobiliario-colaborativo { background: transparent url(../img/ico-colaborativo.png)no-repeat 0 50%; } .ico-mobiliario-escolar { background: transparent url(../img/ico-escolar.png)no-repeat 0 50%; } .ico-educacion-infantil-y-guarderias { background: transparent url(../img/ico-infantil.png)no-repeat 0 50%; } .ico-armarios-estanterias-modulares { background: transparent url(../img/ico-armarios.png)no-repeat 0 50%; } .ico-pizarras-verdes { background: transparent url(../img/ico-pizarrasverdes.png)no-repeat 0 50%; } .ico-pizarras-blancas { background: transparent url(../img/ico-pizarrasblancas.png)no-repeat 0 50%; } .ico-tableros-de-anuncios { background: transparent url(../img/ico-tableros.png)no-repeat 0 50%; } .ico-mobiliario-comedor { background: transparent url(../img/ico-comedor.png)no-repeat 0 50%; } .ico-mobiliario-lectura-y-comedor { background: transparent url(../img/ico-lectura.png)no-repeat 0 50%; } .ico-electro, .ico-vitrinas-de-anuncios { background: transparent url(../img/ico-vitrinas.png)no-repeat 0 50%; } .ico-mesas-formacion { background: transparent url(../img/ico-formacion.png)no-repeat 0 50%; } .ico-ed-infantil-y-guarderias { background: transparent url(../img/ico-guarderias.png)no-repeat 0 50%; } .ico-taquillas-escolares { background: transparent url(../img/ico-taquillas.png)no-repeat 0 50%; } .ico-mobiliario-bibliotecas { background: transparent url(../img/ico-bibliotecas.png)no-repeat 0 50%; } .ico-silleria-de-oficina { background: transparent url(../img/ico-informatica.png)no-repeat 0 50%; } .ico-pantallas-planas-interactivas { background: transparent url(../img/ico-pantallas.png)no-repeat 0 50%; } .ico-repuestos-y-accesorios { background: transparent url(../img/ico-repuestos-y-accesorios.png)no-repeat 0 50%; } .ico-complementos-para-centros { background: transparent url(../img/ico-papeleras.png)no-repeat 0 50%; } .ico-mobiliario-de-oficina { background: transparent url(../img/ico-oficina.png)no-repeat 0 50%; } .ico-parques-infantiles { background: transparent url(../img/ico-parques.png)no-repeat 0 50%; } .ico-medios-audiovisuales { background: transparent url(../img/ico-visual.png)no-repeat 0 50%; } .ico-maquinas-de-oficina { background: transparent url(../img/ico-maquinas.png)no-repeat 0 50%; } .ico-miniland { background: transparent url(../img/ico-miniland.png)no-repeat 0 50%; } .ico-smoby { background: transparent url(../img/ico-smoby.png)no-repeat 0 50%; } .ico-lado { background: transparent url(../img/ico-lado.png)no-repeat 0 50%; } .ico-elementos-de-foam { background: transparent url(../img/ico-foam.png)no-repeat 0 50%; } .ico-giotto--jovi { background: transparent url(../img/ico-giotto.png)no-repeat 0 50%; } .ico-mobiliario-urbano { background: transparent url(../img/ico-urbano.png)no-repeat 0 50%; } .ico-head-mispedidos { background: transparent url(../img/ico-head-mispedidos.png)no-repeat 0 50%; padding-left: 25px; } .ico-head-misdatos { background: transparent url(../img/ico-head-misdatos.png)no-repeat 0 50%; padding-left: 25px; } .ico-head-mipwd { background: transparent url(../img/ico-head-mipwd.png)no-repeat 0 50%; padding-left: 25px; } .ico-head-rma { background: transparent url(../img/ico-head-rma.png)no-repeat 0 50%; padding-left: 25px; } .ico-head-delcuenta { background: transparent url(../img/ico-head-delcuenta.png)no-repeat 0 50%; padding-left: 25px; } .att { color: #af9778; float: right; font-weight: bold; line-height: 3; } header { min-width: 100%; } header .ico-tel { background: transparent url("../img/ico-tel.png") no-repeat scroll 50% 50%; border-radius: 50%; margin-right: 5px; } header .ico-tel-b { background: transparent url("../img/ico-tel-b.png") no-repeat scroll 50% 50%; border-radius: 50%; margin-right: 5px; display: inline-block; min-width: 19px; } a[href^="tel:"], a[href^="mailto:"] { margin-right: 0.5em; font-weight: normal; color: #172543; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .legend { font: 2em/1 great; } .telefonos { text-align: left; } .bloquecesta, .bloquecestaport { float: right; } .bloquecestaport .cesta { float: left; margin: 0; padding: 0; line-height: 3; } .bloquecestaport .cesta > a { color: #af9778; } .articulo { float: right; line-height: 3; } .pdlr { padding-left: 0; padding-right: 0; } .bloquecestaport .articulo > a { background: transparent url("../img/cesta.png") no-repeat scroll 50% 50%; color: #af9778; display: block; padding-left: 35px; } #numarticulos { background-color: #af9778; border-radius: 50%; color: #fff; display: inline-block; height: 15px; line-height: 0; overflow: hidden; padding: 10px 6px; } .buscar { font-size: 0.85em; height: 30px; border: 0; display: inline-flex; color: #4d4d4d; margin: 5px; float: right; width: 20%; position:relative; } .buscar input[type="text"] { border: 2px solid rgb(33, 79, 9); display:block; width: 95%; min-height: 32px; font-family: inherit; outline: none; padding: .5rem 5px; border-radius: 6px; } .btnbuscar { background-attachment: scroll; background-color: transparent; background-image: url("../img/ico-lupa.png"); background-position: center center; background-repeat: no-repeat; text-indent: -3000px; width: 30px; border:0; outline:none; } #divautocomplete { position: absolute; right: 50px; top: 30px; } /* CABECERA - final */ /* CUERPO - inicio */ .caption { /*left: 35%; position: absolute; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); padding-right: 30px;*/ } /*.caption-block { left: 30%; position: absolute; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); }*/ .carousel-item figure, .evento figure { margin: 0; } /*.item2 img, .item3 img, .item4 img, .item5 img { transform: scale(.6); transform-origin: 0 50%; -webkit-transform: scale(.6); -webkit-transform-origin: 0 50%; }*/ .carousel-item figure, .evento figure { margin: 0; align-self: center; } .carousel-item .col-md-8 { align-self: center; } .evento h3 { padding:0; } .evento h3 span { color: #000; font-family: latoregular; padding: 0; float: none; text-align: left; display: inline-block; width: 100%; font-size: calc( 16px + (18 - 16)* (100vw - 320px)/(1920 - 320)); } .swiper-slide.swiper-slide-active .caja { transform: translate3d(0, 0, 0); opacity: 1; } .swiper-slide .caja { display: inline-block; transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; transform: translate3d(-20%, 0, 0); opacity: 0; } .swiper-slide.swiper-slide-active .titulo { opacity: 1; background: transparent url(../img/textura.png) repeat; position: absolute; left:3%; top:70%; transform: translate3d(0%,-50%,0); padding:20px; z-index: 1; } .swiper-slide .titulo { transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; transform: translate3d(-30%, -50%, 0); opacity: 0; } .swiper-slide h2 span { color: #fff; font-family: roboto; font-weight: bold; padding: 0; float: none; text-align: left; display: inline-block; width: 100%; font-size: calc( 16px + (50 - 16)* (100vw - 320px)/(1920 - 320)); text-shadow: 0 2px 2px rgba(0,0,0,.5); } .swiper-slide p { text-align: left; max-height: 70px; min-height: 70px; --max-lines: 3; position: relative; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; text-align: justify; text-overflow: ellipsis; white-space: normal; color:#fff; } .carousel-item h2 span { color: #000; font-family: latoregular; padding: 0; float: none; text-align: left; display: inline-block; width: 100%; font-size: calc( 16px + (66 - 16)* (100vw - 320px)/(1920 - 320)); text-shadow: 0 2px 2px rgba(0,0,0,.5); } .carousel-item .ref, .evento .ref { text-align: left; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-item p { text-align: left; max-height: 70px; min-height: 70px; --max-lines: 3; position: relative; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; text-align: justify; text-overflow: ellipsis; white-space: normal; } .evento p { text-align: left; max-height: 40px; min-height: 40px; --max-lines: 3; position: relative; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; text-align: justify; text-overflow: ellipsis; white-space: normal; font-size: calc( 16px + (14 - 16)* (100vw - 320px)/(1920 - 320)); } .caption p::before, .caption-block p::before { position: absolute; content: ""; bottom: 0; right: 0; } .caption p:empty, .caption-block p:empty { min-height: 0; } .items a:hover { text-decoration: none; } ul.items a:hover figure { transition: all 0.4s ease-in 0s; } #owl-demo { margin: 0 0 15px; } #owl-demo .item { height: 0; padding-bottom: 80%; position: relative; } #owl-demo .item:hover span { bottom: 0; } #owl-demo .item img { left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translate3d(0px, -50%, 0px); -webkit-transform: translate3d(0px, -50%, 0px); transform: translate(0,-50%); } .owl-carousel .owl-item { overflow: hidden; } .owl-theme .owl-controls { margin-top: 0 !important; } #owl-demo .owl-prev, #owl-demo .owl-next { background: none; color: #808080; } .owl-prev, .owl-next { background: none; color: #808080; } .owl-prev, .owl-next { position: absolute; } .owl-prev { left: -30px; top: 50%; } .owl-next { right: -30px; top: 50%; } /* CAROUSEL - final */ .box { padding: 20px; min-height: 384px; overflow: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .box:hover { background: rgba(0, 0, 0, 0.1); } .box h3 { font-size: 34px; text-align: center; color: #fff; position: absolute; text-shadow: 2px 2px 15px #000; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); top: 50%; left: 50%; } .box p { font: 1em/1 latoregular; } /*.box img { position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); }*/ .box img { position: absolute; top: 0; left: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; opacity: 0.6; width: 100%; } .box:hover img { opacity: 1; } .rless { padding-left: 0; padding-right: 0; } .less-l { padding-left: 0; } .header .evento figure { overflow: hidden; } .header .evento img { height: 187px; width: 285px; position: relative; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; filter: brightness(0.8); -webkit-filter: brightness(0.8); transform: scale(1.2); -webkit-transform: scale(1.2); } .evento { position: relative; } .evento .block { bottom: 0; position: absolute; padding: 10px; } .evento h2 { color: #fff; font-size: 18px; margin-bottom: 5px; } .white { margin: 15px 15px 30px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 15px 15px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 15px 15px rgba(255,255,255,1); box-shadow: 0px 0px 15px 15px rgba(255,255,255,1); } .item2 .evento, .item3 .evento, .item4 .evento, .item5 .evento { position: relative; min-width: 25%; } #soluciones { display: table; text-align: center; width: 100%; padding-bottom: 30px; padding-top: 20px; } .bgaro { background: #f7f7f7; border: 10px double #fff; border-radius: 20px; margin-bottom: 20px; } #soluciones h1 { text-align: center; } #soluciones blockquote { text-align: center; border: 0; } #soluciones h2, #candidatos h2 { font-size: 42px; } #productos h2, #promociones h2, #promotores h2 { display: flex; justify-content: center; flex-direction: row; align-items: center; margin: 15px 0; font-family: latoregular; flex-wrap: wrap; } #productos .portada h2 { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); color:#fff; margin:0; font-size: 1.6em; text-shadow: 0 2px 10px rgba(0,0,0,0.5),0 2px 10px rgba(0,0,0,1),0 2px 12px rgba(0,0,0,1); text-align: center; } #productos .portada img { filter: brightness(0.8); -webkit-filter: brightness(0.8); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } #productos .portada:hover img { filter: brightness(1); -webkit-filter: brightness(1); } #promociones { margin-top:30px; overflow:hidden; } #promociones h2 { color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,.5); position: relative; } #productos h2::before, #productos h2::after, #promociones h2::before, #promociones h2::after, #promotores h2::before, #promotores h2::after { content: ""; display: inline-block; background-color: #E6E6E6; height: 1px; position: relative; vertical-align: middle; font-size: 2.25em; } #productos h2::before, #promociones h2::before, #promotores h2::before { right: 0.5em; margin-left: -50%; } #productos h2::after, #promociones h2::after, #promotores h2::after { left: 0.5em; margin-right: -50%; } #productos .bg-candidatos { max-width: 1920px; width: 100%; margin: 0 auto; } #soluciones .bg-formulario { background: #ffffff url(../img/bg-formulario.jpg) no-repeat scroll 0 0; padding: 30px; overflow: hidden; } #soluciones a h3 { color: #172543; text-align: center; } #soluciones .imagen { margin: 15px 0; height: 320px; overflow: hidden; position: relative; } #soluciones .imagen img { min-width: 100%; } #soluciones .imagen img.scale { transform: scale(1.3); -webkit-transform: scale(1.3); } #soluciones .imagen img.clip { min-width: 100%; top: 0; left: 0; bottom: 0; position: absolute; margin-bottom: -150px; } #soluciones .articulo-box { overflow: hidden; background-color: #F1F2F4; border: 4px solid #7A7878; display: block; vertical-align: middle; } #soluciones .articulo-box img { display: table-cell; max-height: 100px; width: auto; margin: 15% auto; } /*#soluciones figure { display: table; }*/ #soluciones img { vertical-align: middle; display: inline-block; } .box-year { display: block; font-size: 1.9em; } /* FOOTER - inicio */ footer { flex-shrink: 0 !important; height: 100%; position: relative; padding-top: 1rem; } footer .border-top { border-top-color: #dee2e6 !important; } footer ul { /*! list-style-type: none; */ padding: 0; margin: 0; } footer li { display: block; text-align: left; font-weight: 400; color: #000; } .redes li { display: inline-block; } ul.list-row { display: flex; flex-direction: row; flex-wrap: wrap; list-style-type: none; font-family: 'latobold'; position: relative; min-height: 0; gap: 3rem; height: 100%; } ul.list-row li.column { display: flex; flex-direction: column; flex: 1; margin-bottom: 0; position: relative; height: 100%; } ul.list-row li.column:nth-child(odd) { font-size: 1.2em; border-right:1px solid #dee2e6; } ul.list-row li.column:nth-child(even) { font-size: 1.2em; border-right:1px solid #dee2e6; } ul.list-row li.column:last-child { justify-content: flex-start; border:none; } ul.list-row li.column:last-child .redes:lastchild { } li.column a { color: #000; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; display: block; text-decoration: none; } li.column a:hover { color: #c93; } li.column a img { display: block; } ul#mymenu2 { /*! text-align: right; */ } mymenu2 li { list-style-type: none; font-family: latobold; } mymenu2 li a { color: #000; margin-right: 30px; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } mymenu2 li li a { color: #000; } mymenu2 li a:hover { color: #7A7878; } footer ul#mymenu2 li a img { display: block; padding: 10px 0; } footer h1 img { max-width: 250px; margin-bottom: 30px; } footer h1 { margin: 0; } footer h1 ~ p { margin-bottom: 30px; color: #000; } footer h1 ~ ul li { display: block; padding: 5px; } footer h1 ~ ul li a { color: #000; } footer p { text-align: left; } footer { color: #000; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } footer address { float: left; margin: 0; color: #000; line-height: 3; font-weight: 400; } .legal ul { text-align: right; } .legal li { line-height: 3; display: inline-block; } .legal ul li:nth-child(n+1)::after { content: "|"; padding-left: 5px; color: #000; } .legal ul li a { color: #000; text-decoration: none; } .legal ul li a:hover { text-decoration: underline; } .legal ul li:last-child::after { content: ""; } /* ATENCIÓN CLIENTE -inicio */ #soluciones h1, #soluciones h2, .Hostservicios h2 { color: #044597; /*#9e7703;*/ text-align: center; font-size: 36px; text-transform: uppercase; } .attcliente { padding: 0; text-align: center; overflow: hidden; position: relative; margin-bottom:30px; width: 100%; } .box-attcliente { margin: 0; padding: 0; list-style-type: none; overflow: hidden; } .box-attcliente h2 { color: #172543; font-family: latoregular; font-size: 24px !important; font-weight: normal; line-height: 1; text-align: center; text-transform: uppercase; padding: 10px; margin: 0; margin-top: 0; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } /*.box-attcliente a { background-color: #F1F2F4; border-radius: 50%; box-shadow: 0 0 0 5px #fff, 0 0 0 8px #7A7878; height: 200px; margin: 15px; padding: 0; vertical-align: middle; width: 200px; display: inline-block; position: relative; transform: scale(1); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }*/ .box-attcliente span, .box-attcliente .box-b { position: relative; left: 0%; top: 0%; /*transform: translate(0%, -0%); -webkit-transform: translate(0%, 0%);*/ width: 100%; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .box-attcliente span { color: #999; font-family: latolight; font-weight: bold; text-align: center; padding: 40px 15px 0; vertical-align: middle; font-size: 0.865em; } .box-attcliente .box-b { background-color: rgba(197,215,249,0.8); width: 100%; height: 0; border: 0; border-radius: 0; margin: 0; box-shadow: none; opacity: 0; visibility: hidden; transition: height 0s linear 0.5s,opacity 0.5s linear; } /*.attcliente:hover { -webkit-animation-name: boxing; -webkit-animation-duration: 1s; animation-name: boxing; animation-duration: 1s; }*/ .box-attcliente:hover a { -webkit-animation-name: boxAnimate; -webkit-animation-duration: 1s; animation-name: boxing; animation-duration: 1s; transform: scale(0.8); } .box-attcliente:hover h2 { -webkit-animation-name: boxMargin; -webkit-animation-duration: 1s; animation-name: boxMargin; animation-duration: 1s; margin-top: -30px; } .box-attcliente:hover .box-b { -webkit-animation-name: boxAnimate; -webkit-animation-duration: 1s; animation-name: boxAnimate; animation-duration: 1s; visibility: visible; height: 100%; opacity: 1; transition-delay: 0s; } .box-attcliente:hover span, .box-attcliente:hover .box-b { opacity: 1; } .box-attcliente li { vertical-align: middle; width: 180px; display: inline-block; } .ico-entrega { background: transparent url("../img/ico-entrega.png") no-repeat scroll 50% 75%; display: block; } .ico-rapido { background: transparent url("../img/ico-rapido.png") no-repeat scroll 50% 100%; display: block; } .ico-attcliente { background: transparent url("../img/ico-attcliente.png") no-repeat scroll 50% 100%; display: block; } .ico-pago { background: transparent url("../img/ico-pago.png") no-repeat scroll 50% 80%; display: block; } .ico-cesta { background: transparent url("../img/ico-cesta.png") no-repeat scroll 0 50%; display: block; padding-left: 40px !important; } .ico-cuenta { background: transparent url("../img/ico-cuenta.png") no-repeat scroll 0 50%; display: block; padding-left: 40px !important; } .ico-cesta::after { content: "Ver cesta"; } .ico-cuenta::before { content: "MI CUENTA"; } .ico-precio::before { content:"Artículo: "; } .ico-precio::after { content: " €"; color: #b0d2fd; } .ico-home { background: transparent url("../img/ico-home.png") no-repeat scroll 0 70%; display: block; padding-left: 30px; } ul.menuleft { width: 100%; margin: 0; padding: 0; list-style-type: none; font-family: sourcenormal; } ul.menuleft li { list-style: none; } ul.menuleft ul li { font-weight: normal; } .nav .open > a, .nav .open > a:focus { background-color: #f6efe0; color: #120203; padding: 5px 40px; text-align: left; border-radius: 0; font-family: latoregular; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .nav .open > a:hover, .nav > li > a:hover { background-color: #FFE9C6; } .nav > li > a:target { background-color: #FFE9C6; } .nav > li > a:target + .dropdown-menu { display: block; } .nav > li > a { background-color: #ffffff; color: #120203; padding: 5px 40px; text-align: left; border-radius: 0; font-family: latoregular; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .nav > li[data-type="ico-jamones-menu"] > a { background-image: url("../img/ico-jamones-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-embutidos-menu"] > a { background-image: url("../img/ico-embutidos-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-loncheados-menu"] > a { background-image: url("../img/ico-loncheados-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-lotes-menu"] > a { background-image: url("../img/ico-lotes-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-salazones-menu"] > a { background-image: url("../img/ico-salazones-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-encurtidos-menu"] > a { background-image: url("../img/ico-encurtidos-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-ibericos-menu"] > a { background-image: url("../img/ico-ibericos-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-quesos-menu"] > a { background-image: url("../img/ico-quesos-menu.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 50%; } .nav > li[data-type="ico-quesos-menu"] > a:target { display: block; } @keyframes boxing { 0% { transform: scale(1); } 100% { transform: scale(0.8); } } @-webkit-keyframes boxing { 0% { transform: scale(1); } 100% { transform: scale(0.8); } } @keyframes boxMargin { 0% { margin-top: 0; } 100% { margin-top: -30px; } } @-webkit-keyframes boxMargin { 0% { margin-top: 0; } 100% { margin-top: -30px; } } @-webkit-keyframes boxAnimate { 0% { top: 100%; } 100% { top: 0%; } } @keyframes boxAnimate { 0% { top: 100%; } 100% { top: 0%; } } .ico-trabajo { background: transparent url("../img/ico-trabajo.png") no-repeat scroll 50% 50%; display: block; padding-top: 100%; } .ico-valor { background: transparent url("../img/ico-valor.png") no-repeat scroll 50% 50%; display: block; padding-top: 100%; } .ico-objetivo { background: transparent url("../img/ico-objetivo.png") no-repeat scroll 50% 50%; display: block; padding-top: 100%; } .ico-equipo { background: transparent url("../img/ico-equipo.png") no-repeat scroll 50% 50%; display: block; padding-top: 100%; } .ico-trab { background: transparent url("../img/ico-trab.png") no-repeat scroll 50% 50%; display: block; } .ico-personal { background: transparent url("../img/ico-personal.png") no-repeat scroll 50% 5%; display: block; } .ico-flex { background: transparent url("../img/ico-flex.png") no-repeat scroll 50% 20%; display: block; } .ico-trab, .ico-personal, .ico-flex { padding-top: 50%; } .ico-trab a, .ico-personal a, .ico-flex a { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .ico-trab a:hover, .ico-personal a:hover, .ico-flex a:hover { color: #af9778; } .disc { list-style-type: none; margin: 0; padding: 0; text-align: center; font-family: latoregular; } .disc li { display: inline-block; padding: 0 30px; margin-bottom: 30px; } .disc li a figure { -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .disc figure { border-radius: 50%; height: 100px; margin: 0 auto 15px; padding: 4%; overflow: hidden; width: 100px; } .disc h2 { font-weight: bold; font-size: inherit; } /* ATENCIÓN CLIENTE -final */ /* newsletter - inicio */ .att_tel { float: left; width: 100%; } #suscripcion { color: #333333; font-family: bonveno; } #suscripcion h4 { color: #AF9778; } .txt-buscar { color: #808080; width: 70%; padding: 9px; border: 0; } input, select, textarea { font-family: sourcenormal; font-size: 1em; } .showhidemail { color: red; font-family: Arial,Helvetica,sans-serif; line-height: 1; } .ofer { background: #F02637; /* Old browsers */ color: #FFFFFF; } .box:hover .ofer { background: #F34F5C; /* Old browsers */ color: #ffffff; } span.ofer:hover { color: #ffffff; cursor: default; } .cv { font-family: sansationbold,sans-serif; border: 0; border-radius: 36px; padding-left: 15px; padding-right: 15px; display: block; color: #ffffff; background: #F09D06; background: linear-gradient(180deg, #6187e1 0%, #495778 100%); text-shadow: 0 1px 1px #844205; text-align: center; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; background-size: auto 200%; position: relative; } .cv:hover, .cv:focus { color: #ffffff; background-position: right bottom; } .btnarticulo, .btn-articulo { background: #F09D06; background: linear-gradient(180deg, #6187e1 0%, #495778 100%); text-shadow: 0 1px 1px #844205; text-align: center; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; background-size: auto 200%; position: relative; border-radius: 36px; color: #ffffff; font-family: 'latobold'; font-size: 1em; font-size: calc( 16px + (18 - 16)* (100vw - 320px)/(1920 - 320)); padding: 6.5px 25px; text-align: center; transition: all 0.5s ease-out 0s; min-width: 100px; } .btnarticulo:hover, .btn-articulo:hover { background-position: right bottom; color: #fff; } .btn-button { font-family: 'latobold'; border: 0; border-radius: 36px; padding-left: 15px; padding-right: 15px; position: static; display: inline-block; margin: 0; } .preciopro { color: #0e4e9f; font-size: 27px; font-weight: bold; letter-spacing: -2px; text-shadow: 0 2px #eaf1f9; text-transform: uppercase; border: 1px solid #6598E2; border-radius: 4px; margin-bottom: 3px; padding: 1px 20px; float: left; background-color: #fff; margin-right: 15px; } .iva, .peq { font-size: 10px; color: #9B9B9B; display: block; } .detailspro { float: left; clear: left; margin: 0; padding: 0; list-style-type: none; } /*.detailspro span { line-height: 25px; }*/ .detailspro li { display: inline-block; border: 2px solid #eaeaea; border-radius: 5px; vertical-align: middle; padding: 3px 5px; } .disponible-portes { padding-left: 30px; font-weight: bold; display: inline-block; background: url(../img/portes.png) no-repeat 0 0; } .disponible-unidades { padding-left: 30px; font-weight: bold; display: inline-block; background: url(../img/ud.png) no-repeat 0 0; } .detailspro li:last-child { background: linear-gradient(to bottom, #3b61ae 0%,#039 100%); background: -webkit-linear-gradient(to bottom, #3b61ae 0%,#039 100%); border: 0; } .envio_inmediato { background-image: url(../img/envioinmediato.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; /*min-height: 29px; display: inline-block;*/ font-weight: bold; } #suscripcion .btn-articulo { display: inline; } .avisos-legales input[type="checkbox"] { margin-right: 0; } .nav-link:hover { color: #fff; } .ico-tel { background: transparent url(../img/ico-tel.png) no-repeat scroll 0 50%; } .ico-movil { background: transparent url(../img/ico-movil.png) no-repeat scroll 0 50%; } .ico-mail { background: transparent url(../img/ico-mail.png) no-repeat scroll 0 50%; } .ico-tel, .ico-movil, .ico-mail { padding-left: 40px; display: block; padding-top:6px; padding-bottom: 6px; } /* newsletter - final */ /* FOOTER - final */ /* BODY - inicio */ .breadcrumb { font-size: 0.9em !important; background: none; margin: 0; padding: 15px; } .breadcrumb a { color: #897248; } .breadcrumb > li { color: #897248; } .breadcrumb > .active { color: #897248; } #formacion, #content { padding: 0; overflow: hidden; } .nav-tabs { border: 0; font-size: 16px; text-align: center; } .nav-tabs > .nav-item { display: inline-block; color: #999999; padding: 15px; border-bottom: 1px solid #948680; } .nav-tabs > .nav-item.active, .nav-tabs > .nav-item:hover, .nav-tabs > .nav-item:focus { color: #F02637; border-bottom: 1px solid #F02637; } .tab-pane { display: inline; clear: left; } .bg-content { background-color: #7A7878; padding: 5px; margin: 0 0 30px; color: #ffffff; } #formacion { background-color: #FAEADE; background-image: url(../img/bgofertas.jpg); background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-position: center bottom; } #ylp { background: transparent url(../img/yolopido-bg.jpg) no-repeat scroll 0 0; } #formacion img { display: table-cell; } #formacion h2, #content h2 { text-align: center; margin-top: 0; margin-bottom: 30px; font-family: bonveno; font-size: 36px; } .inter h1, .formac h1 { color: #0766CA; } #formacion h2, #tpv-client, #ylp, #version h2, .versiones h2, #content h2 { color: #000; } #blog h3 a:hover { color: #0766ca; text-decoration: underline; } .Hostservicios h3 { font-weight: normal; margin-top: 0; max-height: 50px; min-height: 50px; overflow: hidden; } .Hostservicios ul { list-style-type: none; margin: 0; padding: 0; } .event, .event2, .event3 { margin-bottom: 15px; padding-bottom: 86px; display: block; width: 100%; } .event { background: transparent url(../img/event.png) no-repeat scroll 50% 50%; } .event-demo { background: transparent url(../img/event-demo.png) no-repeat scroll 50% 50%; } .yolopido-demo { background: transparent url(../img/yolopido-demo.png) no-repeat scroll 50% 50%; } .tactil-demo { background: transparent url(../img/tactil-demo.png) no-repeat scroll 50% 50%; } .event2 { background: transparent url(../img/event2.png) no-repeat scroll 50% 50%; } .event3 { background: transparent url(../img/event3.png) no-repeat scroll 50% 50%; } .event4 { background: transparent url(../img/event4.png) no-repeat scroll 50% 50%; } .event5 { background: transparent url(../img/event5.png) no-repeat scroll 50% 50%; } .event6 { background: transparent url(../img/event6.png) no-repeat scroll 50% 50%; } .event7 { background: transparent url(../img/event7.png) no-repeat scroll 50% 50%; } .event8 { background: transparent url(../img/event8.png) no-repeat scroll 50% 50%; } .event9 { background: transparent url(../img/event9.png) no-repeat scroll 50% 50%; } .ylp-1 { background: transparent url(../img/yolopido-scan.png) no-repeat scroll 50% 50%; } .ylp-2 { background: transparent url(../img/yolopido-pide.png) no-repeat scroll 50% 50%; } .ylp-3 { background: transparent url(../img/yolopido-camarero.png) no-repeat scroll 50% 50%; } #servicios li a:hover, .Hostservicios li a:hover { text-decoration: underline; } .Hostservicios .box1 { overflow: hidden; transition: all 0.5s ease-out 0s; } .Hostservicios .box1:hover { background: #f6efe0; } /*TIENDA - inicio */ .outshop { border: 4px solid #897248; } .box-articulo { display: block; height: auto; position: relative; margin-bottom: 30px; overflow: hidden; } .box-articulo p { text-align: justify; } .box-articulo a { -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .box-sup { background: transparent url(../img/mask.png) no-repeat scroll 0 0; height: 32px; } .box-articulo figure { overflow: hidden; width: 100%; min-height: 445px; line-height: 445px; } .articulo-box { height: auto; display: inline-block; width: 100%; overflow: hidden; } .articulo-box::before { content: ''; vertical-align: top; margin-right: -0.25em; } .articulo-box img { display: inline-block; vertical-align: center; width: 360px; height:274px; border: 1px solid transparent; object-fit:contain; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .box-articulo figure img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; min-width: 100%; margin: 0 auto; } .border-btnarticulo > .btnarticulo { display: block; width: 30%; min-height: 100px; margin: 0 auto; text-align: center; } .btn-primary { background-color: #55A1A4; border-color: #55A1A4; font-family: inherit; } .btn-danger { font-family: inherit; background: #FF0000; border-color: #FF0000; border-radius: 0; background: linear-gradient(to right, #A80000 0%, #FF0000 100%); background: -moz-linear-gradient(to right, #A80000 0%, #FF0000 100%); background: -webkit-linear-gradient(to right, #A80000 0%, #FF0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##A80000', endColorstr='##FF0000',GradientType=0 ); color: #ffffff; } .mag4 { background: transparent url(../img/star.png) no-repeat scroll 50% 0; display: block; width: 5%; height: 15px; text-align: center; margin: 15px auto; } .box-titulo { height: 50px; position: relative; } #hotel h3, #cafeteria-restaurante h3, #bodas h3 { color: #978a3f; text-align: center; font-family: cinzel; font-size: 1.4em; width: 80%; margin: 0 auto; } #hotel h3 a, #cafeteria-restaurante h3 a, #bodas h3 a { color: #978a3f; } #hotel h3 a:hover, #cafeteria-restaurante h3 a:hover, #bodas h3 a:hover, #hotel h4 a:hover, #cafeteria-restaurante h4 a:hover, #bodas h4 a:hover { color: #55A1A4; } #hotel h4 a, #cafeteria-restaurante h4 a, #bodas h4 a { color: #978A3F; } #hotel h4, #cafeteria-restaurante h4, #bodas h4 { display: inline-block; margin: 0; font-size: 14px; color: #978A3F; position: absolute; bottom: 0; } #hotel h4:nth-child(even), #cafeteria-restaurante h4:nth-child(even), #bodas h4:nth-child(even) { left: 0; } #hotel h4:nth-child(odd), #cafeteria-restaurante h4:nth-child(odd), #bodas h4:nth-child(odd) { right: 0; } #hotel h4:nth-child(even), #hotel h4:nth-child(odd), #cafeteria-restaurante h4:nth-child(even), #cafeteria-restaurante h4:nth-child(odd), #bodas h4:nth-child(even), #bodas h4:nth-child(odd) { padding-top: 15px; } #hotel h4:nth-child(even) { background: transparent url(../img/ico-hotel1.png) no-repeat scroll 50% 0; } #hotel h4:nth-child(odd) { background: transparent url(../img/ico-hotel2.png) no-repeat scroll 50% 0; } #cafeteria-restaurante h4:nth-child(even) { background: transparent url(../img/ico-comedor.png) no-repeat scroll 50% 0; } #cafeteria-restaurante h4:nth-child(odd) { background: transparent url(../img/ico-platos.png) no-repeat scroll 50% 0; } #bodas h4:nth-child(even) { background: transparent url(../img/ico-salon.png) no-repeat scroll 50% 0; } #bodas h4:nth-child(odd) { background: transparent url(../img/ico-terraza.png) no-repeat scroll 50% 0; } .icoseccion { background-repeat: no-repeat; background-position-x: 0; background-position-y: 50%; height: 22px; padding-left: 30px; } .ico-hotel-w { background: transparent url("../img/ico-hotel-w.png") no-repeat scroll 0 center; } .ico-habitaciones-w { background: transparent url("../img/ico-hotel-w.png") no-repeat scroll 0 center; } .ico-comedor-w { background: url("../img/ico-comedor-w.png") no-repeat scroll 0 center; } .ico-restaurante-w { background: url("../img/ico-restaurante-w.png") no-repeat scroll 0 center; } .ico-habitaciones-w { background: transparent url(../img/ico-habitaciones-w.png) no-repeat scroll 0 center; } .ico-recepcion-w { background: transparent url(../img/ico-recepcion-w.png) no-repeat scroll 0 0; } .ico-platos-w, .ico-platos-de-boda-w { background: transparent url(../img/ico-platos-w.png) no-repeat scroll 0 center; } .ico-terrazas-w { background: transparent url(../img/ico-terrazas-w.png) no-repeat scroll 0 0; } .ico-salones-w { background: transparent url(../img/ico-salones-w.png) no-repeat scroll 0 center; } .ico-ceremonias-civiles-w { background: transparent url(../img/ico-cere-w.png) no-repeat scroll 0 center; } .ico-entrada-w { background: transparent url(../img/ico-entrada-w.png) no-repeat scroll 0 center; } .ico-volver { background: transparent url(../img/ico-volver.png) no-repeat scroll 0 50%; padding-right: 30px; } .btn-volver { float: right; background-color: #fff; border-color: #ccc; border-radius: 36px; color: #000; margin: 0; padding: 8px 15px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; box-shadow: 0 2px 2px rgba(0,0,0,.1); } .btn-volver:hover .icon-chevron-left { left: -8px; } .icon-chevron-left { color: #000; position: relative; left: 0; padding-right:5px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .box-articulo h3 { color: #3a2e39; font-family: latolight; font-weight: 900; font-size: 1em; font-size: calc( 16px + (24 - 16)* (100vw - 320px)/(1920 - 320)); height: auto; margin: 15px 0; overflow: hidden; padding: 0; text-align: center; } .box-articulo h3 span { display: block; font-style: italic; color: #000; } } .box-articulo h3 a { color: #981819; } .box-articulo .precio { color: #9e7703; font-family: latoregular; font-size: 2em; text-align: center; width: 100%; } .carousel video { width: 100%; height: auto; } .box-articulo .precio span { color: #492412; float: left; font-size: 0.6em; width: 100%; } .box-articulo .utienda { padding: 7px 0; text-align: center; width: 35px; } .box-articulo .btn-button { position: static; bottom: 0; width: 60%; transform: none; margin: 15px auto; } /*TIENDA - final */ .subtitle span { padding: 0 10%; } .fancy-w span:before, .fancy-w span:after { content: ""; position: absolute; border-bottom: 1px solid white; border-top: 1px solid white; height: 10px; top: 0; width: 100%; } .fancy-b span:before, .fancy-b span:after { content: ""; position: absolute; border-bottom: 1px solid #8AAED6; border-top: 1px solid #8AAED6; height: 10px; top: 0; width: 100%; } .fancy-n span:before, .fancy-n span:after { content: ""; position: absolute; border-bottom: 1px solid #E19877; border-top: 1px solid #E19877; height: 10px; top: 0; width: 100%; } .fancy-w span:before, .fancy-b span:before, .fancy-n span:before { right: 100%; margin-right: 15px; } .fancy-w span:after, .fancy-b span:after, .fancy-n span:after { left: 100%; margin-left: 15px; } #program { margin-bottom: 30px; } #program h1 { color: #013495; text-align: left; font-family: latoregular; text-transform: uppercase; font-size: 42px; padding: 30px 0; } #program p { line-height: 2; } #servicios h2, #blog h2, #formacion h2 { overflow: hidden; text-align: center; padding: 0 15%; } #blog h2, #formacion h2 { padding: 0 5%; } #formacion h2:before, #formacion h2:after { content: ""; display: inline-block; height: 10px; position: relative; vertical-align: middle; width: 50%; } #servicios h2:before, #servicios h2:after { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; } .clientes h2::before, #servicios h2:before, #blog h2:before, #formacion h2:before { right: 0.5em; margin-left: -50%; } .clientes h2::after, #servicios h2:after, #blog h2:after, #formacion h2:after { left: 0.5em; margin-right: -50%; } .contacta li { color: #05488E; } #dominios p { text-align: center; } .Hostservicios ul { list-style-type: none; padding: 0; margin: 0; } .Hostservicios li { display: inline-block; text-align: center; } .Hostservicios li a { color: #013495; float: left; font-weight: 800; } #formacion li a:hover, .Hostservicios li a:hover, #dominios li a:hover { text-decoration: none; } .cesta { background: #F02637 url(../img/ico-cesta-white.png) no-repeat scroll 5% 50%; padding-left: 40px; color: #ffffff; } .bgborder-b { border-bottom: 10px solid #5b5a50; } .group > input { width: 100%; } .group input[type="password"] { width: 80%; } .btn-cuenta { float: right; height: 42px; padding: 0; width: 10%; height: 34px; } .cuenta { text-align: right; background-color: #6c8ba2; display:none; } .myuser ul.navbar { margin: 0; padding: 0; display: inline-block; float:left; } .myuser li { display: inline-block; } .myuser li a { display: block; color: #e3e3e3; } .inter .contacto .form-group > input[type="checkbox"] { margin-left: 0px; margin-top: 15px; margin-right: 5px; } .form-control { border: 2px solid #5599F3; background-color: #ffffff; color: #000000; min-height: 42px; font-family: inherit; font-size: 1em; display:inline; } .input-group { margin: 8px 0; } .inter .form-group input[type="submit"] { margin-left: 0px; } .inter .panel-body input[type="text"], .inter .panel-body input[type="password"] { width: 100%; } .menublue li a:hover { color: #ffffff !important; } .datepicker table { width: 100%; } .Hostservicios li a.enlaceevento:hover { color: #807003; } .logos { float: left; min-width: 80%; } ul.lista { padding: 0; } .lista li { list-style-type: none; display: inline; padding: 15px; } .min li { font-size: 0.85em; } .btn-link { float: right; } .logo-att { background: transparent url(../img/bagbol-g.png) no-repeat scroll 0 0; height: auto; min-height: 200px; transform: rotate(15deg); -webkit-transform: rotate(15deg); display: block; position: relative; top: -20px; } .tel-att { font-size: 2em; position: relative; } /* tienda */ section.tienda h1 { color: #9e7703; font-family: merienda, cursiva; } .boxdetproducto h1 { color: #3a2e39; font-family: latolight; font-weight: 900; font-size: 2em; line-height: 1; } .boxdetproducto h1 span { display: block; font-style: italic; color: #61210F; } .boxdetproducto ul { text-align: left; color: #F02637; clear: left; overflow: visible; margin-bottom: 30px; } .boxdetproducto li { display: inline-block; text-align: left; line-height: 2; } .boxdetproducto li div { display: inline-block; color: #000000; } .boxdetproducto .box-attcliente li { display: inline-block; color: #999999; line-height: 1.5; display: inline-block; color: #999999; line-height: 1.5; height: 110px; margin: 30px 0; padding-top: 5px; vertical-align: middle; transform: scale(.8); -webkit-transform: scale(.8); } .boxdetproducto .box-attcliente li span { padding: 40px 0px 0; color: #999999; } .boxdetproducto .box-attcliente li span span { font-size: 1.6em; font-weight: 800; padding: 0; } .boxdetproducto .utienda { padding: 7px 0; text-align: center; float: left; margin-right: 15px; } section.tienda h2 { color: #808080; font-family: bonveno; font-size: 1.4em; } .boxdetproducto h2 { color: #0C3F9A; font-family: 'latoregular'; font-size: 1.4em; font-style: normal; line-height: 1; margin-top: 12px; } .contacta { background-color: #f6efe0; padding: 20px; color: #77631E; box-shadow: 0 0 0 2px #fff, 0 0 0 6px #F7F4F1; } .contacta li { color: #77631E; list-style-type: none; text-align: left; padding-left: 30px; word-wrap: break-word; background-position: 0 70%; } .boxdetproducto p { font-family: 'latoregular'; font-size: 1.1em; text-align: left; } /*.preciodet { display: table; text-align: center; }*/ .preciodet span:first-child { background-color: #BA9B50; border-radius: 50%; height: 100px; width: 100px; display: table-cell; vertical-align: middle; text-align: center; text-shadow: 0 1px 1px #fff; line-height: 1; font-size: 1.4em; } .preciodet em { display: inline-block; font-size: 0.65em; font-style: normal; color: #666; text-shadow: none; } .group::after { clear: both; content: " "; display: table; font-size: 0; height: 0; visibility: hidden; } .group { display: inline-block; } .col { display: table-cell; vertical-align: middle; } .utienda { padding: 7px 0; text-align: center; /*width: 20%;*/ } .btnproductotienda { background-color: #897248; border: 1px solid #897248; color: #ffffff; font-family: bonveno; font-size: 1em; padding: 6.5px; text-align: center; width: 100%; } #example5 { background-color: #897248; float: left; margin: 0; padding: 5px; position: relative; width: 100%; } .fbook { float: left; } .twitt { float: left; margin-left: 3px; margin-top: 3px; } .titulocesta { color: #342118; font-family: latoregular; font-size: 1.45em; margin: 20px auto; padding: 35px 0; text-align: center; width: 60%; background: transparent url(../img/ico-otros.png) no-repeat scroll 50% 0; } .tab-content { height: auto; margin-bottom: 30px; padding: 15px 0; } .noticias h1, .noticias h2, .noticias h2 a { color: #7A7878; } .noticias h2 a { text-align: left; } .noticias time { color: #AF72DA; } .noticias p { max-height: 140px; min-height: 140px; overflow: hidden; } .noticias p, .noticia p { margin: 15px 0; } .hrborder { border-bottom: 1px dotted #897248; } .gris { color: #fff; display: block; text-align: right; } /*tablas*/ /* Generic Styling, for Desktops/Laptops */ table.tblOfertas { width: 100%; border-collapse: collapse; } /* Zebra striping */ table.tblOfertas tr:nth-of-type(odd) { background: #eee; } table.tblOfertas th { background: #7A7878; color: white; font-weight: bold; } table.tblOfertas td, table.tblOfertas th { padding: 6px; border: 1px solid #ccc; text-align: center; } table.tblOfertas td:nth-child(2) { text-align: justify; width: 50%; } table.tblOfertas td:nth-child(2) * { margin: 0; } /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px) { /* Force table to not be like tables anymore */ tabletable.tblOfertas, table.tblOfertas thead, table.tblOfertas tbody, table.tblOfertas th, table.tblOfertas td, table.tblOfertas tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ table.tblOfertas thead tr { position: absolute; top: -9999px; left: -9999px; } table.tblOfertas tr { border: 1px solid #ccc; } table.tblOfertas td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } table.tblOfertas td:nth-of-type(2) { text-align: left; } table.tblOfertas td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ table.tblOfertas td:nth-of-type(odd):before, table.tblOfertas td:nth-of-type(even):before { padding: 8px 0; text-align: left; } table.tblOfertas td:nth-of-type(1):before { content: "FECHA"; } table.tblOfertas td:nth-of-type(2):before { content: "TITULO"; } table.tblOfertas td:nth-of-type(3):before { content: "LOCALIDAD"; } table.tblOfertas td:nth-of-type(4):before { content: "VACANTES"; } table.tblOfertas td:nth-of-type(5):before { content: "ESTADO"; } table.tblOfertas td:nth-of-type(6):before { content: "OFERTA"; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { table.tblOfertas body { width: 100%; } } /*fin tablas*/ .form-inline { float: right; margin: 8px 0; } .arrow-wrap { position: absolute; left: 50%; bottom: 100px; margin-left: -5em; background: rgba(0,0,0,0.8); width: 10em; height: 10em; padding: 4em 2em; border-radius: 50%; font-size: 0.3em; display: block; opacity: 0.5; color: #ffffff; } .arrow-wrap span { font-size: 16px; text-align: center; display: block; } .glyphicon.glyphicon-chevron-left { color: #fff; } .gris { color: #808080; line-height: 3; } .box-articulo a:target ~ h2 { background: #f09d06; background: linear-gradient(to bottom, #f09d06 0%, #e87000 100%); background: -moz-linear-gradient(to bottom, #f09d06 0%, #e87000 100%); background: -webkit-linear-gradient(to bottom, #f09d06 0%, #e87000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09d06', endColorstr='#e87000',GradientType=0 ); color: #ffffff; text-shadow: 0 1px 1px #844205; } .box-articulo a:target ~ h2::before { content: "\2217 "; } .boxover { background: rgba(0, 0, 0, 1) none repeat scroll 0 0; height: 100%; position: absolute; text-align: center; transition: opacity .2s ease-in-out; width: 100%; top: 0; left: 0; } .ico-jamones { background: transparent url(../img/ico-jamones.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-paletas { background: transparent url(../img/ico-paletas.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-embutidos { background: transparent url(../img/ico-embutidos.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-loncheados { background: transparent url(../img/ico-loncheados.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-salazones { background: transparent url(../img/ico-salazones.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-encurtidos { background: transparent url(../img/ico-encurtidos.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-lotes { background: transparent url(../img/ico-lotes.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-ibericos { background: transparent url(../img/ico-ibericos.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-quesos { background: transparent url(../img/ico-quesos.png) no-repeat scroll 50% 0%; padding-top: 80px; } .ico-especialidades { background: transparent url(../img/ico-especialidades.png) no-repeat scroll 50% 0%; padding-top: 80px; } .posrel { padding: 8px 0 5px; } .toggle-nav2 { position: fixed; left: 0; color: #1178DC; background-color: #f8f9fa; width:52px; height:100px; box-shadow: 5px 2px 8px rgba(0,0,0,.2); -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; z-index: 2; } .toggle-nav2 img { top:50%; left:50%; transform:translate(-50%, -50%); position: absolute; } .toggle-nav2:hover { color: #1178DC; } .navbar-default .navbar-toggle .icon-bar { background-color: #D8A40A; } .navbar-default .navbar-toggle:hover { background-color: #fff; } #site-canvas { width: 100%; height: 100%; position: relative; /*-webkit-transform: translateX(0); transform: translateX(0);*/ -webkit-transition: all .4s ease; transition: all .4s ease; left: 0; } .bg-light { /*! background:rgba(255, 255, 255,0.2) !important; */ } .offcanvas-collapse { box-shadow: 2px 2px 8px rgba(0,0,0,.2); } .site-menu { border: 0; /*! display: block; */ position: relative; top: 0; /*! border-right: 1px solid #E6E6E6; */ /*! border-bottom: 1px solid #E6E6E6; */ /*padding: 60px 0 0;*/ padding:77px 0 0; left: 0px; /*! width: 16.66666%; */ z-index: 3; height: 100%; max-height: 100vh; overflow-x: hidden; overflow-y: auto; } /*.show-nav #site-canvas { left: 300px; }*/ .show-nav .site-menu { left: 0; } svg.button-menu { left: 0; } .myuser span { color: #fff; padding-right: 15px; } .myuser .fs0 { float: right; } .myuser .btn { vertical-align: baseline; } .div_content_producto_r { height: 290px; width: 100%; display: flex; margin-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flexbox; border-radius: 5px; } .div_producto_r { padding: 10px; width: 100%; box-shadow: 0px 5px 5px 0px rgba(41, 44, 11, 0.25); background-image: url(../img/bgpro.gif); background-repeat: no-repeat; background-position: right top; border-radius: 5px; } .foto_producto_r { padding-top: 20px; width: 100%; text-align: center; margin: 0 auto; margin-bottom: 0px; height: 135px; margin-bottom: 20px; } .foto_producto_r img { margin: 0 auto; max-height: 135px; vertical-align: middle; } .div_cont_titulo_producto_r { display: table; table-layout: fixed; width: 100%; border-radius: 5px; } .div_titulo_producto_r { height: 80px; background-color: #F0F3F7; display: table-cell; vertical-align: middle; text-align: center; width: 100% !important; padding: 5px; border-radius: 5px; } .marca_r { font-size: 11px; color: #FF9900; } .marca_r::after { color: #c4c4c4; content: " | "; } .referencia { font-size: 11px; color: #007bff; } .swiper-slide .ref { text-align: left; } .carousel-item .ref { text-align: left; } #catalogo_det .ref { text-align: left; } .ref { text-align: center; } .div_producto_r h3 { padding: 0; margin: 0; font-size: 14px; font-weight: bold; color: #003399; } .precios { width: 100%; height: 30px; } .unidades { float: left; } .uds { font-size: 10px; color: #1B4364; } .swiper-slide .precio { color: #FBD6A0; font-size: 3em; font-weight: bold; float: left; font-family: "Noto Sans", "Helvetica Neue",Helvetica !important; letter-spacing: -0.04em; text-shadow: 0 2px 2px rgba(0,0,0,.5); } .carousel-item .precio { color: #FBD6A0; font-size: 3em; font-weight: bold; float: left; font-family: "Noto Sans", "Helvetica Neue",Helvetica !important; letter-spacing: -0.04em; text-shadow: 0 2px 2px rgba(0,0,0,.5); } .precio { color: #495778; font-size: 1.5em; font-weight: bold; /*float: right;*/ font-family: 'latobold'; letter-spacing: -0.04em; text-shadow: 1px 2px #d2d2d2; } .evento .precio { color: #FF7D00; font-size: 1em; font-weight: normal; font-family: 'latobold'; letter-spacing: -0.04em; text-align: right; } .decimal { font-size: 16px !important; } .euro { font-size: 14px; font-weight: normal !important; } .productos h2 { color: #0C3F9A; font-size: 18px; font-weight: bold; padding-top: 15px; padding-bottom: 6px; letter-spacing: -1px; padding-left: 0px; display: block; text-shadow: #E2ECF6 0 1px; } #catalogo_det h1 { color: #000; font-family: latoregular; padding: 0; float: none; text-align: left; display: inline-block; width: 100%; font-size: calc( 16px + (40 - 16)* (100vw - 320px)/(1920 - 320)); text-shadow: 0 2px 2px rgba(0,0,0,.5); } @media (max-width: 920px) { .product-card { flex: 1 21%; } } @media (max-width: 600px) { .product-card { flex: 1 46%; } } @media (max-width: 480px) { .product-filter { flex-direction: column; } } ul.capapie { margin: 0; padding: 15px 0; text-align: center; } .capapie li { display: inline-block; padding: 5px; } .slideparatupc { background: #fff url(../imagenes/fondos/mask4.jpg) scroll no-repeat 0 0; background-size: cover; /*! background: linear-gradient(120deg, #fff, #b7d0e4, #d3ebf5, #c5daed); */ /*! background-size: auto; */ /*! background-size: 400% 400%; */ /*animation: gradient 15s ease infinite;*/ min-height: 600px; align-items: center; align-content: center; } .slideparatupc2 { background: #fff url(../imagenes/fondos/mask6.jpg) scroll no-repeat 0 0; background-size: cover; min-height: 600px; align-items: center; align-content: center; } .slideparatupc3 { background: #fff url(../imagenes/fondos/fondomobiliario.jpg) scroll no-repeat 0 0; background-size: cover; min-height: 629px; align-items: center; align-content: center; /*! filter: brightness(0.8); */ /*! -webkit-filter: brightness(0.8); */ transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } #productos .portada img { filter: brightness(0.8); -webkit-filter: brightness(0.8); transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .slideparatupc3:hover { filter: brightness(1); -webkit-filter: brightness(1); } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /*svg.button-menu { width: 55px; height: 55px; position: absolute; top: 15px; fill: transparent; border: 0; z-index: 2; display: none; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; transform: translate(-5px, 0) scale(.6); -webkit-transform: translate(-5px, 0) scale(.6); } svg.button-menu:hover { fill: transparent; cursor: pointer; } svg.button-menu .stroke { stroke: #000; stroke-width: 4px; stroke-linecap: round; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; } svg.button-menu.active .stroke { stroke: #000; } svg.button-menu .stroke:nth-child(1n+1) { transform: translate(0,6px); } svg.button-menu .stroke:nth-child(2n+1) { transform: translate(0,18px); } svg.button-menu .stroke:nth-child(3n+1) { transform: translate(0,30px); } svg.button-menu.navbar-toggle { padding: 0; background-color: transparent; }*/ svg.button-menu { width: 65px; height: 55px; position: relative; fill: transparent; border: 0; z-index: 2; display: block; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; /*! transform: translate(-5px, 0) scale(.6); */ /*! -webkit-transform: translate(-5px, 0) scale(.6); */ padding: 0; left:0; } svg.button-menu.toggle-nav2{ background-color:transparent; box-shadow:none; } svg.button-menu:hover { fill: transparent; cursor: pointer; } svg.button-menu .stroke { stroke: #fff; stroke-width: 4px; stroke-linecap: round; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; } svg.button-menu .stroke:nth-child(1n+1) { transform: translate(0,6px); } svg.button-menu .stroke:nth-child(2n+1) { transform: translate(0,18px); } svg.button-menu .stroke:nth-child(3n+1) { transform: translate(0,30px); } svg.button-menu.navbar-toggle { padding: 0; background-color: transparent; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-toggler { padding: 0; } .navbar-brand img { padding-left: 0; } .navbar-expand-lg { /*! background: #EEEEEE; */ box-shadow: 0 1px 5px rgba(102, 101, 101, 0.46); justify-content: flex-end; } .navbar-expand-lg svg.button-menu .stroke { stroke: #495778; } .navbar-expand-lg .nav-link { color: #495778; margin: 0; } .navbar-expand-lg .nav-link.ico-precio i { color: #495778; font-weight: bold; } ul.navbar-bar { margin:0; } ul.navbar-nav { /*! width: 100%; */ font-family: 'latobold'; flex: 1 0 auto; justify-content: flex-end; } .navbar-menu { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: flex-end; padding-left: 0; float: right; list-style-type: none; padding-bottom: 0; flex-direction: row; margin-bottom: 0; } .navbar-nav li, .navbar-menu li { display: flex; } .navbar-menu .nav-link { padding: 0; margin: 0 .5rem; width: max-content; } .bgw { background-color: #fff; border-radius: 12px; border: 1px solid #ccc; width: 100%; text-align: left; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); top: 8px; font-size: initial; padding: 15px 30px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .comprar-bg { background-color: #f8f4ed; width: 100%; text-align: left; top: 8px; padding: 15px 30px; margin: 15px 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .comprar1-bg { background-color: #f0f3f9; width: 100%; text-align: left; top: 8px; padding: 15px 30px; margin-bottom: 15px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .comprar2-bg { background-color: #f0f8f9; width: 100%; text-align: left; top: 8px; padding: 15px 30px; margin-bottom: 15px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } .comprar-bg h2, .comprar1-bg h2, .comprar2-bg h2 { font-family: sansationbold,sans-serif; font-size: 2rem; text-shadow: 0 2px 2px rgba(0,0,0,.2); } a > .seccionrect { color: #000; } .seccionrect { position: relative; width: 100%; /*! margin: 0 auto 30px; */ background-color: #fff; overflow: hidden; } .seccionrect .row { align-content: center; align-items:center; justify-content: center; min-height: 100%; padding: 15px; } .seccionrect .row .row { border: 1px solid #ccc; } .grid-wrapper { margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0px; width: 100%; } #promociones .grid-wrapper { margin: 0 auto; display: grid; grid-template-columns: repeat( auto-fit, 30% ); grid-gap: 15px; position: relative; justify-content: center; align-items: center; padding-top: 30px; } .box-shw { box-shadow: 2px 2px 8px rgb(0 0 0 / 46%); } .grid-carrusel { display: grid; grid-gap: 0; grid-template-columns: repeat( 1, 1fr ); align-items: center; /*grid-template-areas: 'menu' 'menu';*/ width: 100%; padding: 0; } .item1 { /*grid-area: menu;*/ grid-column: 1; padding: 0px; position: relative; overflow: hidden; } .item1 img { /*transform: scale(.6); transform-origin: 50% 50%; -webkit-transform: scale(.6); -webkit-transform-origin: 50% 50%;*/ } .item2 { grid-area: main; padding: 15px; margin: 10px; } .item3 { grid-area: right; padding: 15px; margin: 10px; } .item4 { grid-area: footer; padding: 15px; margin: 10px; } .item5 { grid-area: otro; padding: 15px; margin: 10px; } .fx3-flex.portada { padding-right:15px; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-orient: horizontal; justify-content: center; position: relative; top: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -webkit-box-pack: justify; justify-content: center; -webkit-box-direction: normal; align-content:flex-end; align-items: flex-start; background-color: #fff; } #articulos h2 { text-align: center; } #articulos .fx3-flex { min-height: 100%; display: flex; flex-direction: column; text-decoration: none; position: relative; top: 0; transition: all .1s ease-in; border:2px solid #f5f5f5; background-color: #fff; } #articulos .fx3-flex:hover { border: 2px solid #aacefd; } .grid-wrapper .producto { padding: 20px; display: flex; flex: 1; justify-content: space-between; flex-direction: column; background-color: #fff; } .imgprod { height: auto; width: 100%; overflow: hidden; text-align: center; position: relative; transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -webkit-transform: scale(1,1); } .fx3-flex a { flex: 1 1 auto; } .fx3-flex h3 { font-family: 'latoregular'; font-size: inherit; margin: 0 0 10px; font-weight: normal; text-align: center; color: #666; } .fx3-flex figure { text-align: center; } .caja { display: flex; flex-direction: row; align-items: center; width: 100%; } .caja .precio { text-align: right; flex-grow: 1; order: 2; } .boxdetproducto .caja { width:40%; } .boxdetproducto .caja .precio { order:initial; text-align: left; } .boxdetproducto .compartir { margin-bottom:15px; } .caja .btnarticulo { flex: none; order:1; } .btnarticulo:hover { background-position: right bottom; color: #fff; } #catalogo_det { background-color:#f7f7f7; margin-bottom: 30px; padding: 30px; } p { line-height: 1.5; /*! color: #000; */ font-family: source sans pro; font-size:inherit; } .fx3-flex p + em { text-align: center; } .fx3-flex em { font-weight: 800; display: block; font-size: 0.865em; color: #333; align-self: center; } .dest { display: inline-block; margin: -1px; vertical-align: middle; } ul.redes { padding: 0; margin: 0; text-align: left; } .redes li a { color:#000; } aside#filtros h2 { color: #80827F; font-family: sansationbold,sans-serif; font-size: 1.5em; margin-bottom: 0; padding: 5px; text-align: left; text-transform: inherit; margin: 0; } .sliderprecio { font-size: 0.865em; margin-bottom: 15px; width: 100%; } .ajax__slider_h_rail { width: 100% !important; } aside#filtros ul:last-child { padding: 0; } aside#filtros { border-right: 1px solid #E6E6E6; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 0; width: 20%; border: 1px solid #E6E6E6; border-radius: 12px; margin-bottom: 30px; /*! margin-top: 50px; */ } aside#filtros ul { /*! margin: 0 0 15px; */ list-style-type: disc; list-style-position: inside; overflow: hidden; padding: 0; } aside#filtros li .nav-link:hover { background-color: #fff; } aside#filtros .nav-link { padding: .5rem; } aside#filtros li { padding: 5px .5rem; font-size: 0.865em; display: block; list-style-type: none; } aside#filtros li img { padding:0; } aside a { color: #000; } #articulos { flex: 1 1 auto; } section#articulos h1 { display: flex; justify-content: center; flex-direction: row; align-items: center; margin: 15px 0; font-family: 'latoregular'; font-size:2em } /*section#articulos h1::before, section#articulos h1::after { content: ""; display: inline-block; background-color: #E6E6E6; width: calc( 48% - 138px); height: 1px; position: relative; vertical-align: middle; font-size: 2.25em; overflow: hidden; } section#articulos h1::before { right: 0.5em; margin-left: -50%; } section#articulos h1::after { left: 0.5em; margin-right: -50%; }*/ .page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0; } .main-content { -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 83.333%; display: flex; flex-direction: column; } .scrollToTopBtn { background: #003399 !important; border: none; border-radius: 50%; color: white; cursor: pointer; font-size: 16px; line-height: 30px; width: 30px; height: 30px; position: absolute; /*! top:0; */ bottom: 10px; right: 10px; opacity: 0; transform: translateY(100px); -webkit-transform: translateY(100px); transition: all .5s ease; -webkit-transition: all .5s ease; outline: none; z-index: 100; display:block; } .showBtn { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } .scrollToTopBtn:hover { background: #1759dd !important; } .scrollToTopBtn:active, .scrollToTopBtn:focus { outline: none; } .icon-chevron-up { color: #fff; text-align: center; display: block; padding: 7px; } .animate { animation-duration: 2s; -webkit-animation-duration: 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } @keyframes slideIn { 0% { top:-50% } 100% { top:0%; } } /* CESTA */ .table-rect { display: table; width: 100%; border-top: 1px dotted; border-right: 1px dotted; margin-top: 30px; /* table-layout: fixed; */ } .tr-rect:first-child, .tr-rect2:first-child { font-weight: bold; } .tr-rect, .tr-rect2 { display: table; table-layout: fixed; width: 100%; font-size: 0.865em; } .th-rect { display: table-cell; vertical-align: middle; border-bottom: 1px dotted; font-weight: bold; background-color: #e6ebf0; font-size: initial; text-align: center; border-left: 1px dotted; } .th-rect:nth-child(3) { width: 30%; } .td-rect:nth-child(3) { width: 30%; text-align: center; padding: 0 5px; } .th-rect h5 { font-weight: bold; text-transform: uppercase; margin-bottom: .5rem; margin-top: .5rem; } .td-rect { display: table-cell; vertical-align: middle; border-bottom: 1px dotted; border-left: 1px dotted; text-align: center; } .totales .td-rect:nth-child(odd) { text-align: left; padding: 5px; } .totales .tr-rect:nth-child(2) .td-rect:nth-child(odd) { text-align: center; } .totales .td-rect:nth-child(even) { padding:5px; } .td-rect input { border: 2px solid #000; font-family: lato-r; font-weight: normal; } .numerico { width: 50px; } .utienda { padding: 7px 0; text-align: center; /* width: 20%; */ } .td-rect input[type="image"] { border: 0; } .btnimg { width: 12px; display: inline-block; vertical-align: middle; } .td-rect.dir { background-color: #eeeeee; } .td-rect.dir, .td-rect.dir2 { text-align: left; padding: 15px; } /* COMPRAR */ .inter .form-group .form-control { display: inline; width: 80%; height: 42px; } .inter .form-group label { width: 90px; font-weight: bold; } .modal-backdrop { display: none; } .btn-cont { background-color: #7E929B; border: 1px solid #7E929B; border-radius: 36px; color: #ffffff; text-align: center; transition: all 0.5s ease-out 0s; padding: 10px; margin: 0 10px 10px; } .btn-cont:hover { background-color: #4e5e65; border: 1px solid #4e5e65; color: #ffffff; text-decoration: none; } #panel_ko { background-color: #f90; padding: 5px; color: #fff; text-align: center; } section h1 { font-family: latoregular; } section h2, section h3 { color: #0C3F9A; font-family: latoregular; } section h4 { font-family: latoregular; } .tiendasel { display: inline-flex; align-items: center; align-content: center; min-width: 0; align-items: center; margin-bottom: 15px; } .tiendasel h3 { margin: 0; padding-right: 15px; } .tiendasel h3 span { display: block; font-size:0.65em; color: #808080; } .tiendasel input { margin:0 5px; font-weight: 800; font-family: latobold; } /*tablas genéricas */ .th { display: none; font-weight: 700; background-color: #f2f2f2; } .th > .td { white-space: normal; justify-content: center; } .tr { width: 100%; display: flex; flex-flow: row nowrap; } .tr:nth-of-type(even) { background-color: #f2f2f2; } .tr:nth-of-type(odd) { background-color: #ffffff; } .td { display: flex; flex-flow: column nowrap; flex-grow: 1; flex-basis: 0; padding: 0.5em; word-break: break-word; overflow: hidden; text-overflow: ellipsis; min-width: 0px; white-space: nowrap; border-bottom: 1px solid #d0d0d0; align-items:center; } .btn-pasos { display: inline-block; margin-bottom: 10px; margin-top: 20px; width: 100%; text-align: center; } .expand { text-align: right; color: #044597; } .expand span::after{ content: " >>"; } /**filtros catálogo**/ ul.filtros { list-style-type: none; padding: 0; font-family: 'latoregular'; font-size: 1em; margin: 0; } ul.filtros li { /*display: inline-block;*/ display: block; padding: 0; margin: 0; } ul.filtros li a { text-decoration: none; color: #000; transition: all 0.5s ease-out 0s; padding-left: 40px; } ul.filtros li a:focus, ul.filtros li a:hover { color: #000; /*background-color: #FBD6A0;*/ /*background-color: #e7f1fb;*/ /*box-shadow: 2px 2px 8px rgba(0,0,0,.2);*/ top: -1px; position: relative; } ul.filtros .dropdown-menu.show li a { display: blocK; } ul.filtros li li a:hover { /*background-color: #F9EFD6;*/ box-shadow: none; top: 0; } ul.filtros .dropdown-menu.show { border-radius: 0; padding: 0; border: 0; box-shadow: none; margin-top: -2px; white-space: normal; position: relative !important; float: none; transform: none !important; } ul.agencias { margin: 0; padding: 0; list-style-type: none; } .agencias li { display: inline-block; vertical-align: text-top; padding: 0 15px; } .agencias li input[type="checkbox"], .agencias li input[type="radio"] { margin-right: 5px; } .agencias li .imgenvio { display: block; } #userlist { margin: 0; padding: 0; list-style-type: none; box-shadow: 0 5px 10px rgba(0,0,0,.2); position: relative; z-index: 7; } #userlist li { display: block; width: 100%; overflow: hidden; background-color: #fff; padding: 10px 0; border-bottom: 1px solid #d9d9d9; } #userlist li:last-child { text-align: right; padding: 8px 15px; } #userlist h3 { font-size: inherit; color:#000; text-align: left; } #userlist .ref { font-weight: bold; color: #044597; text-align: left; } #userlist li a { color: #000; display: block; } #userlist p { text-align: left; } #userlist a li { transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; } #userlist a li:hover { color: #000; background-color: #d6dee8; } .px-md-4 { padding-left: 1rem !important; padding-right: 0rem !important; } .offcanvas-collapse { position: fixed; top: 114px; /* Height of navbar */ bottom: 0; left: -320px; width: 100%; height: 100%; max-height: calc(100% - 114px); padding-right: 1rem; padding-left: 1rem; visibility:visible; background-color: #fff; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; z-index: 2; overflow-x: hidden; overflow-y: auto; } .offcanvas-collapse.open { visibility: visible; -webkit-transform: translateX(315px); transform: translateX(315px); } .offcanvas-collapse + .toggle-nav2 { left: 0px; top: calc((100% - 114px) / 2 ); } .offcanvas-collapse.open + .toggle-nav2 { -webkit-transform: translateX(312px); transform: translateX(312px); } @media (min-width: 1279px) and (max-width: 1280px) { .offcanvas-collapse.open + .toggle-nav2 { -webkit-transform: translateX(290px); transform: translateX(290px); } } .navbar-default .fixed-top + .toggle-nav2 { top:114px; } ul.box-prt { list-style-type: none; padding: 0; margin: 0; display: flex; align-content: center; align-items: center; } .box-prt li { margin: 10px 0; } .box-prt li:first-child { flex: 1 0 26%; } .box-prt li:last-child { border-left: 1px solid #000; } .box-prt a { vertical-align: middle; display: inline-block; position: relative; transform: scale(1); -webkit-transform: scale(1); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; filter: none; -webkit-filter: grayscale(0); opacity: 1; } .box-prt li img { vertical-align: middle; width: auto; display: inline-block; } .box-prt li a img:hover { transform: scale(1); opacity: 1; } ul.pagination { font-family: latolight; justify-content: center; } ul.pagination li a.activo { background:#636266; color:#fff; } ul.pagination li a { color:#666; font-weight: 400; }