/* En celulares portrait vertical landscape horizontal /* 1. Estilos para header, footer, div, a, p... en el orden en que vayan aapreciendo en el html 2. Estilos para identificadores (id), id's son elementos unicos en el html, los estilos para los id's es declaran con # ejemplo: #nombre-id{ estilos } 3. class se declaran .nombre-clase{ estilos } y se llaman enm los elementos con class 4. Ordenar los estilos html, id's, class 5. Atributos se declaran atributo1: valor1; atributo2:valor2; ... 6. Orden de atributos alfabeticamente color, display, width... 7. Primeros estilos *, html, body (* es para todos los elementos) 8. En el body se definen tamaño de fuente global 9. Primero que nada estilos para resetear elementos */ /* 16px = 12pt = 100% = 1em M */ /*Reseteo universal*/ html{ font-size:16px; } *{ border:0; margin:0; padding:0; } article, figcaption, figure, footer, header, hgroup, nav, section{ display:block; } label{ font-family: 'Montserrat', sans-serif; font-weight:normal; } :focus { outline: 0; } /*Estilos del Sitio*/ .Nunito{ font-family: 'Nunito', sans-serif; } .Crimson{ font-family: 'Crimson Text', serif; font-style:italic; } .ptsans{ font-family: 'PT Sans', sans-serif; } .Lato { font-family: 'Lato', sans-serif; font-size: 1em; } .Roboto { font-family: 'Roboto', sans-serif; font-size: 1em; } .IndieFlower { font-family: 'Indie Flower', cursive; font-size: 1em; } .OpenSans { font-family: 'Open Sans', sans-serif; font-size: 1em; } .Oswald { font-family: 'Oswald', sans-serif; font-size: 1em; } .Karla { font-family: 'Karla', sans-serif; font-size: 1em; } .Pacifico{ font-family: 'Pacifico', cursive; } .Montserrat{ font-family: 'Montserrat', sans-serif; } .Handlee{ font-family: 'Handlee', cursive; } body{ background:#FEF3F5; /*background:url(../img/10.jpg) fixed;*/ color:#FFF; font-family: 'Handlee', cursive; font-size:1rem; min-height:100%; position:absolute; width:100%; } a{ color:#552600; text-decoration:none; } a:hover{ color:#FF9999; text-decoration:none; } .link_crimson_1{ color:#BDE01C; text-decoration:none; } .link_crimson_1:hover{ color:#FFBF00; text-decoration:none; } .link_crimson_2{ color:#F0047F; text-decoration:none; } .link_crimson_2:hover{ color:#FFBF00; text-decoration:none; } .link_gris{ color:#747474; font-family: 'Handlee', cursive; font-size:1.3rem; text-decoration:none; } .link_gris:hover{ color:#F0047F;font-family: 'Handlee', cursive; font-size:1.3rem; text-decoration:none; } .link_b{ color:#FFF; text-decoration:none; } .link_b:hover{ color:#552600; text-decoration:underline; } .link_c{ color:#C7D301; text-decoration:none; text-decoration:none; font-size:1.2rem; } .link_c:hover{ color:#FFBF00; text-decoration:none; font-size:1.2rem; } .link_m{ color:#552600; text-decoration:none; font-size:1rem; } .link_m:hover{ color:#FF5353; text-decoration:none; font-size:1rem; } .link_n{ color:#575757; text-decoration:none; font-size:1rem; } .link_n:hover{ color:#F08482; text-decoration:none; font-size:1rem; } .link_ng{ color:#747474; text-decoration:none; font-size:2rem; } .link_ng:hover{ color:#E6007E; text-decoration:none; font-size:2rem; } .link_np{ color:#747474; text-decoration:none; font-size:1.5rem; } .link_np:hover{ color:#E6007E; text-decoration:none; font-size:1.5rem; } .link_r{ color:#8C8C8C; text-decoration:none; font-size:1rem; } .link_r:hover{ color:#F0047F; text-decoration:none; font-size:1rem; } .link_r:visited{ color:#8C8C8C; text-decoration:none; font-size:1rem; } .link_r:active{ color:#8C8C8C; text-decoration:none; font-size:1rem; } .link_redes{ color:#F50358; text-decoration:none; font-size:1.8rem; } .link_redes:hover{ color:#990259; text-decoration:none; font-size:1.8rem; } .link_f{ color:#E6007E; text-decoration:none; font-size:1rem; } .link_f:hover{ color:#747474; text-decoration:none; font-size:1rem; } .link_f:visited, .link_f:active{ color:#E6007E; } figcaption{ font-size:0.85em; padding:0.25em; text-align:center; } img, video{ max-width:100%; } .ir-arriba{ background:#E6007E; bottom:1rem; border-radius:1.5em; right:1.25rem; color:#FFF; cursor:pointer; display:none; font-size:1.25rem; filter: alpha(opacity=8); opacity:0.8; padding:1.25rem; position:fixed; z-index:9999; } header{ font-family:"Lato", Arial, san-serif; /*height:5.25rem;*/ height:auto; margin:0; max-width:100%; padding:0; position:fixed; text-align:center; width:100%; z-index:999; } #hd_cont{ /*border:1px solid #cc0000;*/ /*background:#F8B3BE;*/ background:url(../img/3.jpg); margin:0 auto; width:100%; height:auto; vertical-align:top; } #hd_cont{ height:6.875rem; } #hd_cont_0{ /*border:1px solid #cc0000;*/ /*background:url(../img/3.jpg);*/ display:block; /*height:4.0625rem;*/ height:4rem; margin:0; padding:0; text-align:center; width:100%; } #hd_cont_0_0_0{ /*border:1px solid #3366cc;*/ display:inline-block; height:50px; /*height:auto;*/ margin:0; padding:0; text-align:left; vertical-align:top; width:29%; } #hd_cont_0_0_1{ /*border:1px solid #3366cc;*/ color:#FFF; display:inline-block; font-family: 'Handlee', cursive; font-size: 2rem; height:auto; margin:0 0 0 0; padding-top:0.5rem; text-align:center; vertical-align:top; width:37%; } #hd_cont_0_0_2{ /*border:1px solid #cc0000;*/ display:inline-block; height:auto; margin:0; padding-top:0.5rem; text-align:right; vertical-align:top; width:30%; } #hd_cont_0_2{ /*border:2px solid #3366cc;*/ position:absolute; padding:0; text-align:right; top:0; left:19%; margin:2.8% 0 0 0; width:80%; z-index:9991; } /*#hd_cont_0_2_movil{ border:2px solid #3366cc; display:none; margin:0 0.3rem 0 0; position:relative; text-align:right; top:-30px; }*/ #hd_cont_1{ /*border:1px solid #3366cc;*/ display:block; /*height:4.0625rem;*/ height:auto; margin:0; padding:0; position:absolute; text-align:center; vertical-align:top; width:100%; z-index:998; } #hd_cont_1 img { /*border:1px solid #cc0000;*/ left:2%; top:-105px; max-width:208px; min-width:100px; height:auto; position:absolute; width:100%; z-index:999; } #hd_cont_2{ /*border:1px solid #000;*/ /*background:#F6F6F6;*/ display:block; height:2.65rem; filter:alpha(opacity=9); opacity:0.9; text-align:right; vertical-align:middle; width:100%; } #hd_cont_2_1{ /*border:2px solid #00dd00;*/ display:block; font-size:1.5rem; color:#FFD7D7; padding:0.5rem 0 0 0 ; text-align:right; width:100%; } #hd_cont_2_2{ /*border:1px solid #3366cc;*/ display:block; height:36px; width:100%; } #hd_cont_2_2_1{ /*border:2px solid #cc0000;*/ color:#FFF; display:inline-block; font-family: 'Handlee', cursive; font-size:1.2rem; height:auto; margin:0 auto; text-align:right; vertical-align:top; width:100%; } #hd_cont_2_2_2{ /*border:1px solid #3366cc;*/ display:block; height:auto; margin:0; padding:0 0 0 0; text-align:right; vertical-align:top; width:100%; } #hd_cont_2_2_3{ display:none; font-family: 'Handlee', cursive; } #hd_nav{ background:#FCE0E4; color:#747474; font-family: 'Handlee', cursive; font-size:1rem; height:44px; padding:0.7rem 0; font-weight:normal; text-align:center; } #hd_nav span{ margin:0 0.5rem; } section#contenido { /*border:1px solid #ffcc00;*/ line-height:0; margin: 3.8rem auto 0 auto; max-width:100%; text-align:center; padding:0; vertical-align:top; width:100%; } section#cnt_cont_1 { /*border:1px solid #3366cc;*/ height:auto; margin:2.4rem auto 0 auto; max-width:100%; vertical-align:top; width:100%; } section#cnt_cont_2, section#cnt_cont_5{ /*border:1px solid #cc0000;*/ background:#FCE0E4; display:block; padding:0; width:100%; } section#cnt_cont_5{ /*background:url(img/14.png);*/ /*padding:3rem 0;*/ } #dv_cont_5_0{ background:url(../img/14.png); width:100%; height:auto; } #cnt_cont_2_0{ /*border:1px solid #3366cc;*/ color:#fff; /*display:block;*/ display:inline-block; font-family: 'Handlee', cursive; line-height:normal; font-size:5rem; height:auto; vertical-align:middle; width:24%; } .cnt_cont_2_0_0,.cnt_cont_2_0_1,.cnt_cont_2_0_2{ display:inline-block; height:auto; vertical-align:middle; width:22%; } .cnt_cont_2_0_1{ width:44%; } .cnt_cont_2_0_3{ color:#E6007E; font-size:5rem; margin:0 auto; text-align:center; width:100%; } #cnt_cont_2_1{ /*border:1px solid #00dd00;*/ display:inline-block; vertical-align:top; padding:11.2% 0; width:40%; } #cnt_cont_2_1_2{ display:none; } #cnt_cont_2_2{ /*border:1px solid #000;*/ /*display:block;*/ display:inline-block; height:auto; text-align:center; vertical-align:middle; width:74%; } .cat_principal{ cursor:pointer; display:inline-block; filter: alpha(opacity=6); opacity:0.6; width:33%; } .cat_principal:hover{ filter: alpha(opacity=0); opacity:1; } /*ICONOS LINEAS*/ .iconlines{ /*border:1px solid #3366cc;*/ display:inline-block; vertical-align:middle; width:15%; } .iconlines img{ height:auto; min-width:60px; max-width:144px; width:100%; } .iconlines_t1{ color:#8C8C8C; font-family: 'Roboto', sans-serif; line-height:1rem; margin:0.8rem 0; } .iconlines_t2{ color:#8C8C8C; font-family: 'Nunito', sans-serif; font-size:1.6rem; line-height:0.8rem; margin:1rem 0; } section#cnt_cont_3{ /*border:1px solid #ffcc00;*/ width:100%; } #cnt_cont_3_1{ /*border:1px solid #3366cc;*/ background:#FFF; color:#552600; font-size:1.6rem; margin:0.5rem 0; padding:1.6rem 0; width:100%; } #cnt_cont_3_1 img { margin:0 1rem; } .cat_sublineas{ /*border:1px solid #cc0000;*/ display:inline-block; height:auto; margin:0; max-width:299px; min-width:100px; padding:0.1rem; width:25%; font-size:1rem; word-spacing: normal; letter-spacing: normal; white-space: normal; } .cat_sublineas img { width:100%; } .cat_sublineas_det{ /*border:1px solid #00dd00;*/ cursor:pointer; position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; background-color: rgba(5,48,84,0.7); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; opacity:0; } .cat_sublineas:hover .cat_sublineas_det{ opacity:1; } #cnt_cont_4{ /*border:1px solid #ffcc00;*/ /*background:#FFF;*/ margin-top:8rem; padding:0; text-align:center; width:100%; } .producto{ /*border:1px solid #3366cc;*/ display:inline-block; font-family:'Handlee', cursive; height:auto; line-height:1rem; max-width:100%; min-width:150px; margin:0 0.2rem 3rem 0.2rem; /*padding:0.5rem;*/ vertical-align:top; width:19%; /*-moz-box-shadow: 0 3px 10px 0px #d8d8d8; -webkit-box-shadow: 0 3px 10px 0px #d8d8d8; box-shadow: 0 3px 10px 0px #d8d8d8;*/ } .producto img { border:3px solid #fff; } .referencia, .pr_precio, .pr_precio_detalle{ /*border:1px solid #cc0000;*/ color:#8C8C8C; display:block; font-size:1.1rem; margin:0; line-height:1.2rem; text-align:center; width:100%; } .pr_precio, .pr_precio_detalle{ color:#E6007E; font-family: 'Handlee', cursive; font-size:1.1rem; text-align:center; width:100%; } .pr_precio_detalle{ font-size:1.4rem; } .tachado{ color:#8C8C8C; font-family:'Handlee', cursive; font-size:1rem; font-weight:normal; line-height:0.5rem; text-decoration:line-through; } .promocion{ background:#E6007E; color:#FFF; font-family:'Handlee', cursive; font-size:0.8rem; margin-top:25px; width:35%; height:30px; padding-top:7px; position:absolute; text-align:center; vertical-align:top; z-index:99; } .texto_tips{ height:auto; line-height:1rem; font-size:0.9rem; } .texto_tips09{ height:auto; line-height:1rem; font-size:1rem; } section#producto-detalle, section#autenticar{ /*background:#FFF;*/ color:#747474; line-height:1rem; /*padding:8.5rem 1rem 2.5rem 1rem;*/ margin-top:0rem; padding:1rem; vertical-align:top; width:100%; font-size:0.8rem; } /*section#autenticar{ padding-top:1rem; }*/ section#producto-detalle #proddetalle_foto{ display:inline-block; height:auto; padding:0.5rem; vertical-align:top; width:25%; /*-webkit-box-shadow: 0 3px 10px 0px #d8d8d8; box-shadow: 0 3px 10px 0px #d8d8d8;*/ } section#producto-detalle #proddetalle_foto img{ border:3px solid #fff; height:auto; max-width:37.5rem; min-width:13rem; width:100%; } section#producto-detalle #proddetalle_texto{ display:inline-block; height:auto; padding:1rem 1.5rem 0 2rem; vertical-align:bottom; width:35%; border:0px solid #3366cc; } section#producto-detalle #proddetalle_texto span{ display:block; text-align:left; } .prod_referencia{ font-size:1.8rem; color:#8C8C8C; } /*.prod_precio{ font-size:1.3rem; color:#FF5353; }*/ section#producto-detalle #proddetalle_texto i{ padding:0.5rem 0.5rem 0 0; } #producto-galeria{ border:0; text-align:left; padding:1rem 0; } #producto-galeria img{ height:auto; max-width:3.75rem; min-width:3.75rem; padding:0 0.2rem 0 0.2rem; } .ventana_modal_msn{ background:#FFF; border-radius:0.5em; color:#777777; display:none; font-family: 'Handlee', cursive; font-size:0.8rem; height:auto; left:25%; padding:2rem; position:fixed; top:5%; width:60%; z-index:999999; } .caja, .cajaBuscar{ background:#fff; border-radius:0.4rem; color:#000; height:1.5rem; padding:0 0.5rem; width:16rem; } .cajaBuscar{ height:30px; border-bottom:1.2px solid #fff; border-radius:8px; font-family: 'Handlee', cursive; font-size:0.8rem; /*padding:0.6rem 0.5rem 0.5rem 0.5rem;*/ } .caja2{ background:#fff; border-radius:0.4rem; color:#000; height:1.5rem; padding:0 0.5rem; width:16rem; } .btn_buscar{ background:none; cursor:pointer; color:#FFF; font-size:1.6rem; padding:0.2rem; } .msn_html{ height:7rem; width:100%; margin:0 auto; font-size:1rem; color:#552600; overflow:hidden; padding:1rem; } footer { background:#DDDDDD; color:#747474; font-family: 'Handlee', cursive; font-size:0.9rem; /*background-image:url(../img/9.png);*/ margin:0 auto; width:100%; height:auto; padding:2rem 16rem; } footer i{ margin-right:0.5rem; } footer span{ font-size:1.4rem; /*color:#552600;*/ color:#E6007E; } footer p{ height:14px; line-height:2rem; } /*#footer-pedidos, #footer-empresa, #footer-logo, #footer-redes{ display:inline-block; width:24.5%; border:0px solid #cc0000; vertical-align:top; padding-left:0.5rem; }*/ #footer-pedidos, #footer-empresa, #footer-logo, #footer-redes{ /*display:inline-block;*/ height:auto; text-align:center; width:100%; vertical-align:top; /*padding-left:0.5rem;*/ } #footer-pedidos p { font-size:1rem; margin:0.6rem 0; } #footer-redes{ padding:0 3rem; } #footer-logo img { min-width:80px; max-width:150px; width:100%; height:auto; } #footer-redes-social { font-size:1.5rem; font-weight:normal; padding:0.5rem 0; } #autenticar-form{ font-size:1.2rem; margin:0 auto; padding-bottom:6rem; width:35%; text-align:center; } section#admin { border:0px solid #cc0000; /*background:#FFF;*/ color:#747474; height:auto; margin:11.3rem auto 0 auto; padding:1rem 1rem; width:100%; } section#admin #admin-form { margin:0 auto; padding:0rem; text-align:left; width:66%; vertical-align:top; } section#admin #admin-form p { line-height:1rem; margin-bottom:1rem; } .contacto-error, .autenticar-error, .admin-error{ display:none; color:#E50055; font-size:0.8em; font-style:italic; font-weight:bold; margin:auto; padding:0.4rem 0; text-align:left; width:100%; } #dv_catalogo_productos { display:none; margin:0 auto; width:100%; border:0px solid #cc0000; } /*section#catalogo_detalle{ background:#FFF; margin:4rem 0 1.5rem 0; padding:0 0 2rem 0; width:100%; }*/ #dv_catalogo_precios{ line-height:1rem; } #dv_catalogo_precios #cant_productos{ font-size:0.9rem; color:#000; padding-bottom:1rem; font-weight:bold; } .etiquetas_objetos{ line-height:1rem; font-size:0.8rem; color:#8C8C8C; font-weight:normal; text-align:left; } .foto-producto{ display:inline-block; /*max-width:37.5rem;*/ line-height:1rem; /*min-width:6.25rem;*/ /*padding:0.5rem 0.3rem 2rem 0.3rem;*/ margin:0rem 0.3rem 2rem 0.3rem; padding:0; vertical-align:top; width:19%; /*-moz-box-shadow: 0 3px 10px 0px #d8d8d8; -webkit-box-shadow: 0 3px 10px 0px #d8d8d8; box-shadow: 0 3px 10px 0px #d8d8d8;*/ } .foto-producto img{ border:3px solid #fff; display:block; height:auto; max-width:100%; min-width:6.25rem; margin-bottom:0.5rem; padding:0rem 0 0rem 0; width:100%; } .foto-producto span{ display:block; } .foto-label{ font-size:1rem; font-weight:normal; color:#F0047F; } .foto-producto a{ color:#F28813; font-weight:normal; } .foto-producto a:hover{ color:#12CED6; font-weight:normal; } .cajastexto, .cajas, .cajastexto-100, .cajastexto-30, .cajastexto-c-g, .cajastexto-c-g-n, .cajastexto-precios, .textarea, .textarea2{ border:1px solid #e0e0e0; color:#777777; font-family: 'Handlee', cursive; font-size:1rem; height:2rem; margin:0.2rem 0; padding:0.2rem 0.3rem; width:100%; } .textarea, .textarea2{ height:4rem; line-height:1rem; } .cajastexto-30{ width:30%; } .cajastexto-100{ width:99%; } .cajastexto-precios{ border:1px solid #ccc; color:#F0047F; width:100%; } .cajastexto-c-g, .cajastexto-c-g-n{ /*centrado y letra grande*/ font-size:1rem; font-weight:normal; text-align:center; width:50%; } .cajastexto-c-g-n{ /*centrado, letra grande y borde naranja*/ border:1px solid #FF5353; } .boton{ background:#F0047F; border-radius:0.2rem; color:#FFF; padding:0.7rem 0; width:6.25rem; } .boton2{ background:#F0047F; border-radius:0.2rem; color:#FFF; font-size:1.2rem; padding:1.2rem 0; width:9rem; } .botonAuto{ background:#702283; border-radius:0.3rem; color:#FFF; margin:0.5rem 0; padding:0.7rem 1rem; width:auto; } .file{ border:1px solid #e0e0e0; font-family: 'Roboto light', sans-serif; height:1.5rem; margin:0.2rem 0; padding:0; width:80%; } /*Separador de bloques*/ /*.dv_header_bloque_fijo{ height:5.5rem; }*/ .dv_espaciov, .dv_espaciov2, .dv_sep_punteado, .dv_sep_solido{ height:0.5rem; width:100%; } .dv_espaciov2{ height:0.75rem; } .dv_espaciov3, .dv_espaciov33{ height:3rem; } .dv_espaciov4{ height:1rem; } .dv_espaciov5{ height:2rem; } .dv_espaciov5_fijo{ height:2rem; } .dv_espaciov6, .dv_espaciov66{ height:4rem; } .dv_espaciov7{ height:5rem; } .dv_espaciov8{ height:6rem; } .dv_interlineado_subtit{ margin:0.2rem 0; } .dv_sep_punteado{ border-top:1px dotted #CCCCCC; height:0.05rem; } .dv_sep_solido{ border-top:1px solid #CCCCCC; height:0.05rem; } #dv_espacio_detalle_prod{ height:7rem; } /*Estilos Loading ajax*/ #loading { background: rgba(0,0,0,0.7); display: none; position: absolute; margin:0 auto; top:0; left:0; bottom:0; width:100%; z-index:9999; } #loading #loaging-img { margin: auto; margin-top:6.25rem; text-align:center; } /*SCROLLFLOW*/ .scrollflow2 { /*display:inline-block; float: left; margin: 0 20px 30px; position: relative; width:100%;*/ } .scrollflow2.not-visible { -moz-transition-duration: 800ms; -o-transition-duration: 800ms; -webkit-transition-duration: 800ms; transition-duration: 800ms; -moz-transform: translateY(150px); -ms-transform: translateY(150px); -webkit-transform: translateY(150px); transform: translateY(150px); } .scrollflow2.not-visible.in { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .sombra{ -moz-box-shadow: 0 3px 3px 0px #d8d8d8; -webkit-box-shadow: 0 3px 3px 0px #d8d8d8; box-shadow: 0 3px 3px 0px #d8d8d8; } /*FIN SCROLLFLOW*/ /*ANIMACIONES SLIDE*/ #sltext1{ font-family: 'Handlee', cursive; font-size:5rem; left:2rem; margin:0 auto; text-align:left; top:0; width:90%; text-shadow: #BBBBBB 0.1rem 0.1rem 0.2rem } #sltext2{ font-family: 'Handlee', cursive; font-size:5rem; left:-2rem; margin:0 auto; text-align:right; top:0; width:90%; text-shadow: #BBBBBB 0.1rem 0.1rem 0.2rem } .animadelay{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .anima1 { color:#FFF; font-family: 'Handlee', cursive; font-size:5rem; font-weight:bold; position: relative; filter: alpha(opacity=0); opacity:0; -webkit-animation-name: movTopBottom; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-name: movTopBottom; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 18rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 18rem; filter: alpha(opacity=1); opacity:1; } } .anima2 { color:#E6007E; font-family: 'Handlee', cursive; font-size:5rem; position: relative; filter: alpha(opacity=0); opacity:0; -webkit-animation-name: movTopBottom2; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-name: movTopBottom2; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 22rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 22rem; filter: alpha(opacity=1); opacity:1; } } /*DEGRADADOS*/ .degradados1{ background: #F08482; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #fff, #F08482); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #fff, #F08482); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .degradados2{ background: #19BCB3; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #fff, #19BCB3); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #fff, #19BCB3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .degradados3{ background: #9E7EB9; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #fff, #9E7EB9); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #fff, #9E7EB9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } /*FRANJA VIDEO*/ #cont_cont_3{ background:#FFF; width:100%; height:auto; padding:0; margin:0; } #cnt_cont_3_1{ background:#F0047F; display:inline-block; height:auto; margin:0; padding:0; vertical-align:top; width:50%; } #cnt_cont_3_1_1{ height:auto; padding:0; margin:0; width:100%; } #cnt_cont_3_1_1 img{ height:auto; margin:0; min-width:400px; max-width:960px; width:100%; } #cnt_cont_3_1_2{ color:#FFF; font-family:'Crimson Text', sans-serif; position:absolute; left:36%; top:26%; } #cnt_cont_3_1_2_p1 { font-size:3.5rem; line-height:2.5rem; } #cnt_cont_3_1_2_p2 { font-size:5.5rem; line-height:2.5rem; } #cnt_cont_3_1_2_p3 { font-size:3rem; line-height:4.5rem; } #cnt_cont_3_2{ background:#F0047F; display:inline-block; height:auto; margin:0; padding:0; vertical-align:top; width:50%; } #cnt_cont_3_2 img { height:auto; min-width:400px; max-width:960px; width:100%; } /*FIN FRANJA VIDEO*/ /*FRANJA PEDIDOS*/ #cont_cont_4{ background:#FFF; width:100%; height:auto; padding:0; margin:0; } #cnt_cont_4_1{ display:inline-block; height:auto; margin:0; padding:0; vertical-align:top; width:50%; } #cnt_cont_4_1 img{ height:auto; margin:0; min-width:150px; max-width:700px; width:70%; } #cnt_cont_4_2{ color:#8C8C8C; display:inline-block; font-size:2rem; height:100px; margin:0; padding:2rem 0; text-align:left; vertical-align:top; width:50%; } #cnt_cont_4_2_p1{ font-family:'Montserrat', sans-serif; font-size:1.8rem; } /*FIN FRANJA PEDIDOS*/ /*FRANJA PROMOCIONES*/ #cont_cont_5{ background:#FFF; width:100%; height:auto; padding:0; margin:0; } /*#cnt_cont_5_1{ color:#01A0C6; background:#FFF; display:inline-block; height:auto; margin:0; padding:0; vertical-align:top; width:50%; } */ #cnt_cont_5_1{ /*background:#FCE0E4;*/ color:#005461; display:block; font-family: 'Handlee', cursive; line-height:2rem; font-size:2rem; height:auto; width:100%; } #cnt_cont_5_1 img { height:auto; min-width:400px; max-width:960px; width:100%; } #cnt_cont_5_2{ /*background:#FCEFF5;*/ display:inline-block; height:auto; margin:0 auto; padding:0; vertical-align:top; width:96%; } #cnt_cont_5_2_1{ height:auto; padding:0; margin:0; width:100%; } #cnt_cont_5_2_1 img{ height:auto; margin:0; min-width:400px; max-width:960px; width:100%; } #cnt_cont_5_2_2{ color:#FFF; font-family:'Nunito', sans-serif; position:absolute; left:8%; text-align:left; top:30%; } #cnt_cont_5_2_2_p1 { font-size:3rem; line-height:3rem; } #cnt_cont_5_2_2_p2 { font-family:'Crimson Text', sans-serif; font-size:3rem; line-height:3rem; } /*FIN FRANJA PROMOCIONES*/ /*FRANJA CATEGORIAS INDEX*/ #cnt_cont_7 { background:#FEF3F5; width:100%; } #dv_cont_7_0 { margin:0 auto; width:90%; } #dv_cont_7_1 { color:#E6007E; font-family: 'Handlee', cursive; font-size:5rem; line-height:5rem; } .cnt_cont_7_0{ display:inline-block; vertical-align:top; width:49.5%; } .cnt_cont_7_0_0{ margin:20px 2px; position:relative; } .cnt_cont_7_0_0_0 img{ max-width:784px; min-width:400px; width:100%; } .cnt_cont_7_0_0_0_det{ cursor:pointer; position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; opacity:0; } .cnt_cont_7_0_0:hover .cnt_cont_7_0_0_0_det{ opacity:1; } .franjacat_azul, .franjacat_fucsia{ /*background:#FFF;*/ bottom:10rem; color:#E6007E; cursor:pointer; font-family:'Handlee', cursive; font-weight:bold; font-size:2.4rem; filter: alpha(opacity=8); opacity:0.8; height:auto; left:0%; line-height:1.6rem; padding:1rem 0; position:absolute; text-align:center; width:100%; z-index:99; } .franjacat_azul{ background:#FFF; color:#005461; } /*FIN FRANJA CATEGORIAS INDEX*/ /*FRANJA NUEVOS ESTILOS*/ .slider { margin: 10px auto; width:100%; } .slick-slide { margin: 0px 5px; } .slick-slide img { width: 100%; } .dv_img_slick{ font-family: 'Handlee', cursive; height:auto; width:100%; } .dv_img_slick img{ border:3px solid #fff; max-width:310px; min-width:200px; width:100%; height:auto; } .slick_referencia{ font-family: 'Handlee', cursive; color:#8C8C8C; font-size:1.2rem; height:auto; line-height:1rem; text-align:center; width:100%; } .slick_precio, .slick_tachado{ font-family: 'Handlee', cursive; color:#E6007E; font-size:1.2rem; height:auto; line-height:1rem; text-align:center; width:100%; } .slick_tachado{ display:inline-block; color:#8C8C8C; text-decoration:line-through; width:auto; } /*FIN MEDIOS PAGO*/ /*FRANJA MEDIOS PAGO*/ /*.slider { margin: 10px auto; width:100%; } .slick-slide { margin: 0px 5px; } .slick-slide img { width: 100%; }*/ #cont_cont_6{ background:#FFF; color:#8C8C8C; width:100%; height:auto; padding:0; margin:0; } #cnt_cont_6_0{ font-family:'Montserrat', sans-serif; font-size:1.8rem; height:auto; line-height:2rem; margin:0; padding:0; text-align:center; width:100%; } #cnt_cont_6_1{ height:auto; margin:0; padding:0; text-align:center; width:100%; } /*FIN MEDIOS PAGO*/ /*ESTILOS FRANJAS DE LIENAS PRINCIPALES*/ #cnt_cont_3_ln1{ height:auto; width:100%; } #cnt_cont_3_ln1 img#cnt_cont_3_ln1_fondo{ /*border:1px solid #3366cc;*/ height:auto; position:relative; width:100%; z-index:9999; } #cnt_cont_3_ln1_info{ /*border:1px solid #cc0000;*/ left:0; top:0; height:100%; padding:0; position:absolute; text-align:center; vertical-align:middle; width:100%; z-index:99999; } #cnt_cont_3_ln1_texto{ /*border:1px solid #000;*/ width:20%; height:100%; display:inline-block; padding:10% 0; margin-right:3rem; vertical-align:top; } #cnt_cont_3_ln1_titulo, #cnt_cont_3_ln1_frase{ color:#575757; display:block; font-size:2rem; font-weight:bold; line-height:1rem; text-align:right; } #cnt_cont_3_ln1_frase{ font-size:1rem; font-weight:normal; width:100%; } #cnt_cont_3_ln1_img{ /*border:3px solid #ffcc00;*/ width:63%; height:100%; padding:0; display:inline-block; vertical-align:top; } #cnt_cont_3_ln1_img img#cnt_cont_3_ln1_img_img{ max-width:400px; min-width:100px; height:auto; } .lin1_collage1{ position:absolute; margin-left:0; margin-top:4.5%; z-index:1; } .lin1_collage2{ position:absolute; margin-left:30%; margin-top:2%; z-index:2; } .lin1_collage3{ position:absolute; margin-left:15%; margin-top:7.5%; z-index:3; } /*ESTILOS CONTACTENOS*/ section#contacto{ color:#A9A9A9; font-family: 'Lato', sans-serif; margin:7rem 0 0 0; width:100%; vertical-align:top; } section#contacto #contacto-cabecera{ background:#FFC3B1; color:#FFF; font-size:1.2em; margin:0; padding:0.8rem 0; text-align:center; width:100%; } section#contacto #contacto-form, section#contacto #contacto-texto { line-height:1rem; display: inline-block; padding:1rem; text-align:center; vertical-align:middle; width:50%; } section#contacto #contacto-form p { width:80%; margin:auto; margin-bottom:0.7rem; text-align:left; } section#contacto #contacto-texto{ color:#000000; margin-left:2rem; text-align:left; width:40%; } section#contacto #contacto-texto p{ line-height:1rem; margin-bottom:0.7rem; } .contacto-error { display:none; color:#E50055; font-size:0.7em; font-style:italic; margin:auto; padding:0.4rem 0; text-align:left; width:80%; } .textnegita{font-weight:bold; } /*Icono de Whatsapp*/ .iconwp{ background:url(../img/wp.png); background-size: 62px 62px; bottom:1.25rem; left:1.25rem; cursor:pointer; height: 62px; margin: auto; position: fixed; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 62px; z-index: 3003; } .pulse1wp { border: 3px solid rgba(255,255,255,.1); bottom:1rem; left:1rem; height: 70px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1wp 2s linear infinite; -moz-animation: pulsejg1wp 2s linear infinite; animation: pulsejg1wp 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; /*-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6); -moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6); box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);*/ -webkit-box-shadow: inset 0px 0px 15px 10px #00A500; -moz-box-shadow: inset 0px 0px 15px 10px #00A500; box-shadow: inset 0px 0px 15px 10px #00A500); width: 70px; z-index: 3001; } .pulse2wp { border: 1px solid rgba(255,255,255,0); bottom:1rem; left:1rem; height: 70px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg2wp 2s linear infinite; -moz-animation: pulsejg2wp 2s linear infinite; animation: pulsejg2wp 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; /*-webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);*/ -webkit-box-shadow: inset 0px 0px 12px 5px #00A500; -moz-box-shadow: inset 0px 0px 12px 5px #00A500; box-shadow: inset 0px 0px 12px 5px #00A500; width: 70px; z-index: 3002; } @-webkit-keyframes pulsejg1wp { 0% { -webkit-transform: scale(.6); opacity: 0; } 50% { -webkit-transform: scale(.6); opacity: 0; } 60% { -webkit-transform: scale(.9); opacity: .2; } 70% { -webkit-transform: scale(1.1); opacity: .35; } 80% { -webkit-transform: scale(1.25); opacity: .2; } 100% { -webkit-transform: scale(1.4); opacity: 0; } } @-moz-keyframes pulsejg1wp { 0% { -moz-transform: scale(.6); opacity: 0; } 50% { -moz-transform: scale(.6); opacity: 0; } 60% { -moz-transform: scale(.9); opacity: .2; } 70% { -moz-transform: scale(1.1); opacity: .35; } 80% { -moz-transform: scale(1.25); opacity: .2; } 100% { -moz-transform: scale(1.4); opacity: 0; } } @keyframes pulsejg1wp { 0% { transform: scale(.6); opacity: 0; } 50% { transform: scale(.6); opacity: 0; } 60% { transform: scale(.9); opacity: .1; } 70% { transform: scale(1.1); opacity: .25; } 80% { transform: scale(1.25); opacity: .1; } 100% { transform: scale(1.4); opacity: 0; } } @-webkit-keyframes pulsejg2wp { 0% { -webkit-transform: scale(.6); opacity: 0; } 40% { -webkit-transform: scale(.8); opacity: .05; } 50% { -webkit-transform: scale(1); opacity: .1; } 60% { -webkit-transform: scale(1.1); opacity: .3; } 80% { -webkit-transform: scale(1.2); opacity: .1; } 100% { -webkit-transform: scale(1.3); opacity: 0; } } @-moz-keyframes pulsejg2wp { 0% { -moz-transform: scale(.6); opacity: 0; } 40% {-moz-transform: scale(.8);opacity: .05;} 50% {-moz-transform: scale(1);opacity: .1;} 60% {-moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} } @keyframes pulsejg2wp { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} } /*Fin Icono de Whatsapp*/ /*Icono de Contacto*/ .iconmsg{ background:url(../img/msg.png); background-size: 62px 62px; bottom:6.25rem; left:1.25rem; cursor:pointer; height: 62px; margin: auto; position: fixed; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 62px; z-index: 3000; } .pulse1msg { border: 3px solid rgba(255,255,255,.1); bottom:6rem; left:1rem; height: 70px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1msg 2s linear infinite; -moz-animation: pulsejg1msg 2s linear infinite; animation: pulsejg1msg 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; /*-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6); -moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6); box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);*/ -webkit-box-shadow: inset 0px 0px 15px 10px #0A4176; -moz-box-shadow: inset 0px 0px 15px 10px #0A4176; box-shadow: inset 0px 0px 15px 10px #0A4176); width: 70px; z-index: 3001; } .pulse2msg { border: 1px solid rgba(255,255,255,0); bottom:6rem; left:1rem; height: 70px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg2msg 2s linear infinite; -moz-animation: pulsejg2msg 2s linear infinite; animation: pulsejg2msg 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; /*-webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); -moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8); box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);*/ -webkit-box-shadow: inset 0px 0px 12px 5px #0A4176; -moz-box-shadow: inset 0px 0px 12px 5px #0A4176; box-shadow: inset 0px 0px 12px 5px #0A4176; width: 70px; z-index: 3002; } @-webkit-keyframes pulsejg1msg { 0% { -webkit-transform: scale(.6); opacity: 0; } 50% { -webkit-transform: scale(.6); opacity: 0; } 60% { -webkit-transform: scale(.9); opacity: .2; } 70% { -webkit-transform: scale(1.1); opacity: .35; } 80% { -webkit-transform: scale(1.25); opacity: .2; } 100% { -webkit-transform: scale(1.4); opacity: 0; } } @-moz-keyframes pulsejg1msg { 0% { -moz-transform: scale(.6); opacity: 0; } 50% { -moz-transform: scale(.6); opacity: 0; } 60% { -moz-transform: scale(.9); opacity: .2; } 70% { -moz-transform: scale(1.1); opacity: .35; } 80% { -moz-transform: scale(1.25); opacity: .2; } 100% { -moz-transform: scale(1.4); opacity: 0; } } @keyframes pulsejg1msg { 0% { transform: scale(.6); opacity: 0; } 50% { transform: scale(.6); opacity: 0; } 60% { transform: scale(.9); opacity: .1; } 70% { transform: scale(1.1); opacity: .25; } 80% { transform: scale(1.25); opacity: .1; } 100% { transform: scale(1.4); opacity: 0; } } @-webkit-keyframes pulsejg2msg { 0% { -webkit-transform: scale(.6); opacity: 0; } 40% { -webkit-transform: scale(.8); opacity: .05; } 50% { -webkit-transform: scale(1); opacity: .1; } 60% { -webkit-transform: scale(1.1); opacity: .3; } 80% { -webkit-transform: scale(1.2); opacity: .1; } 100% { -webkit-transform: scale(1.3); opacity: 0; } } @-moz-keyframes pulsejg2msg { 0% { -moz-transform: scale(.6); opacity: 0; } 40% {-moz-transform: scale(.8);opacity: .05;} 50% {-moz-transform: scale(1);opacity: .1;} 60% {-moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} } @keyframes pulsejg2msg { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} } /*Fin Icono de Contacto*/ /*PRELOADER*/ #loader-wrapper{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:100000; background-color:#fff; } .signal { border: 5px solid #F50358; border-radius: 30px; height: 30px; left: 50%; margin: -15px 0 0 -15px; opacity: 0; position: absolute; top: 50%; width: 30px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; } @keyframes pulsate { 0% { transform: scale(.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } /*CARRITO DE COMPRAS*/ .cesta_compras{ color:#F50358; display:block; margin:0.4rem 0; text-align:center; vertical-align:middle; width:100%; } .link_cesta{ color:#EF7E32; font-size:1.3rem; font-weight:normal; text-decoration:none; } .link_cesta:hover{ color:#F3A876; font-size:1.3rem; font-weight:normal; text-decoration:none; } .cesta_icon{ display:inline-block; } .cesta_cant{ color:#005461; display:inline-block; font-size:1rem; } section#carrito-detalle { color:#A9A9A9; margin:0; width:100%; vertical-align:top; } section#carrito-detalle #carrito-detalle-form{ display: inline-block; padding:4em 0 0 0; line-height:1rem; text-align:center; vertical-align:middle; width:60%; } #div_carrito_detalle_cel{ display:none; } #div_boton_pagar{ background:#F50358; color:#FFF; cursor:pointer; margin:0.5rem; padding:0.7rem 0; text-align:center; width:12rem; border-radius:0.3rem; } #lb_total_compra_final{ font-size:1.6rem; margin:0 0 0 1em; color:#F50358; } section#floristeria{ color:#A9A9A9; margin:0 auto; width:74%; vertical-align:top; } section#floristeria #floristeria-texto{ display: inline-block; padding:0; line-height:1rem; text-align:left; vertical-align:middle; width:50%; } /*Paginas de pagos*/ #cont-pagar{ margin-top:2em; height:auto; text-align:center; width:100%; } .pagar-bloque{ display:inline-block; height:auto; margin:0.5em; padding:0.2em; vertical-align:top; width:26%; border:1px solid #e0e0e0; } .pagar-titulo{ color:#000; display:inline-block; text-align:left; width:85%; } .pagar-editar{ color:#674595; cursor:pointer; display:inline-block; width:8%; } .pagar-contenido{ font-size:0.8rem; line-height:1rem; text-align:left; padding:1em 1em 0.5em 1em; width:100%; } .pagar-boton{ background:#702283; border-radius:0.3rem; color:#FFF; cursor:pointer; margin:0.5em 0; padding:0.7rem 0; text-align:center; width:80%; } .pagar-boton-2{ background:#E71B6C; border-radius:0.3rem; color:#FFF; cursor:pointer; margin:0.5em 0; padding:0.7rem 0; text-align:center; width:80%; } #pagar-cont-identifica{ display:block; } #pagar-cont-direnvio, #pagar-cont-direnvio-det, #pagar-cont-identifica-det, #btn_pagar_inipago { display:none; } /*Pedidos*/ section#pedidos-listado{ display:inline-block; } section#pedidos-listado-cel{ display:none; } .pedidos-form{ display:inline-block; font-size:0.8rem; margin:1rem 0.5rem 2rem 0.5rem; text-align:center; vertical-align:middle; width:70%; } .pedidos-celdas{ background:#fff; } .pedidos-celdas:hover{ background:#dddddd; } .pedidos-celda-5, .pedidos-celda-10, .pedidos-celda-15, .pedidos-celda-20, .pedidos-celda-25, .pedidos-celda-30, .pedidos-celda-33, .pedidos-celda-35, .pedidos-celda-40, .pedidos-celda-100{ border:1px solid #cccccc; color:#000; display:inline-block; height:auto; line-height:1rem; padding:0.1em 0.2em; text-align:left; vertical-align:top; width:5%; } .pedidos-celda-10{ width:10%; } .pedidos-celda-15{ width:15%; } .pedidos-celda-20{ width:20%; } .pedidos-celda-25{ width:25%; } .pedidos-celda-30{ width:29.5%; } .pedidos-celda-33{ text-align:left; width:32.5%; } .pedidos-celda-35{ width:34.5%; } .pedidos-celda-40{ width:39.5%; } .pedidos-celda-100{ width:99%; } .pedidos-fila-doble{ display:inline-block; width:49%; padding:0.2em 0.2em; } .pedidos-fila-individual{ display:inline-block; width:98.6%; padding:0.2em 0.2em; text-align:left; } .pedidos-detalle{ color:#787878; } .hr_sep_encabezados{ width:99%; border-top:1px solid #cccccc; margin:0.2rem 0.3rem; } .voucher_cont{ border:0px solid #cccccc; display:inline-block; line-height:1rem; margin:0 auto; padding:0; text-align:left; width:60%; } .voucher_tit{ font-size:1.5rem; color:#000; text-align:center; } .voucher_subtit{ font-size:0.8rem; color:#A9A9A9; } .voucher_fila{ color:#000; font-size:0.8rem; margin:0 0 0.3rem 0; } .voucher_cont_acciones{ display:flex; flex-direction:row; justify-content:space-between; } .voucher_acciones1, .voucher_acciones2{ display:inline-block; text-align:left; width:80%; } .voucher_acciones2{ width:9%; text-align:right; } /*Nuevo Encabezado*/ .head{ border:0px solid #3366cc; background:url(../img/3.jpg); box-sizing:border-box; display:flex; flex-direction:row; align-items:center; justify-content:space-between; height:6.875rem; width:100%; } .head .head__logo-wrap:nth-child(1) { order: 1; } .head .head__telephone-menu-wrap:nth-child(2) { order: 2; } .head .head__car-search-wrap:nth-child(3) { order: 3; } .head__imglogo{ height:auto; min-width:80px; max-width:208px; width:80%; } .head__logo-wrap{ border:0px solid #cc0000; box-sizing:border-box; flex-grow:1; padding:0 1rem; } .head__telephone-menu-wrap{ border:0px solid #cc0000; box-sizing:border-box; display:flex; flex-grow:6; flex-direction:column; align-items:center; justify-content:space-around; padding:0 1rem; } .head__telephone{ border:0px solid #000; box-sizing:border-box; font-family:'Handlee', cursive; font-size: 2rem; } .head__menu{ border:0px solid #000; box-sizing:border-box; width:100%; } .head__car-search-wrap{ border:0px solid #cc0000; box-sizing:border-box; display:flex; flex-grow:3; flex-direction:column; align-items:flex-end; justify-content:space-around; padding:0 1rem; } .head__shoppingcar{ border:0px solid #000; /*font-size:3rem;*/ box-sizing:border-box; } .head__shoppingcar-link{ color:#E6007E; font-size:2rem; font-weight:normal; text-decoration:none; } .head__shoppingcar-link:hover{ color:#FF53B1; } .head__search{ border:0px solid #000; box-sizing:border-box; } /*==================================================================================================================== ==================================================================================================================== *RESPONSIVE *==================================================================================================================== *====================================================================================================================*/ @media (max-width: 1280px){ /*.dv_header_bloque_fijo{ height:4.5rem; }*/ #hd_cont,#hd_nav,footer{ width:100%; } /*#hd_cont_2_2_1{ width:100%; text-align:right; } */ #hd_cont_2_2_2{ width:29%; } .caja{ width:12rem; } section#contenido{ width:100%; line-height:0; margin:3.8rem auto 0 auto; } #cnt_cont_2_0{ /*font-size:1.8rem;*/ } #cnt_cont_2_1{ display:block; margin:0 auto; vertical-align:top; padding:14% 0; width:50%; } #hd_cont_0_0_0{ /*border:1px solid #3366cc;*/ width:25%; } #hd_cont_0_0_1{ /*border:1px solid #3366cc;*/ font-size: 2rem; width:45%; } #hd_cont_0_0_2{ /*border:1px solid #cc0000;*/ width:29%; } .cajaBuscar{ /*width:14rem;*/ width:10rem; } .producto{ /*margin:0 0.1rem 3rem 0.1rem;*/ width:24.3%; /*-moz-box-shadow: 0 3px 6px 0px #d8d8d8; -webkit-box-shadow: 0 3px 6px 0px #d8d8d8; box-shadow: 0 3px 6px 0px #d8d8d8;*/ } /*.referencia, .pr_precio{ display:inline-block; font-size:1rem; margin:0.3rem 0; text-align:left; width:36%; } .pr_precio{ font-family:'Nunito',san-serif; font-size:1rem; text-align:right; width:50%; } .tachado{ font-size:1rem; } .promocion{ background:#F0047F; color:#FFF; font-family:'Nunito',san-serif; font-size:0.8rem; margin-top:25px; width:35%; height:30px; padding-top:7px; position:absolute; text-align:center; vertical-align:top; z-index:99; } */ /*.producto{ margin:0.4rem 0.4rem 2rem 0.4rem; }*/ section#producto-detalle #proddetalle_foto { width:35%; } section#producto-detalle #proddetalle_texto { width:60%; } /*#sltext1{ font-size:2.8rem; } #sltext2{ font-size:2.8rem; }*/ @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 13rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 13rem; filter: alpha(opacity=1); opacity:1; } } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 17rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 17rem; filter: alpha(opacity=1); opacity:1; } } #hd_cont_1 img { max-width:210px; min-width:100px; } #hd_cont_0_2{ display:block; margin:3.5% 0 0 0; } /*#hd_cont_0_2_movil{ display:none; }*/ /*Iconos de lineas*/ .iconlines{ width:16%; } .iconlines img{ height:auto; min-width:60px; max-width:120px; width:100%; } .iconlines_t2{ font-size:1.3rem; } /*franja video*/ #cnt_cont_3_1_2{ top:24%; } #cnt_cont_3_1_2_p1 { font-size:3rem; line-height:2rem; } #cnt_cont_3_1_2_p2 { font-size:5rem; line-height:2rem; } #cnt_cont_3_1_2_p3 { font-size:2rem; line-height:3rem; } /*Fin franja video*/ /*Franja pedidos*/ #cnt_cont_5_2_2_p1 { font-size:2.5rem; line-height:2.5rem; } #cnt_cont_5_2_2_p2 { font-size:2.5rem; line-height:2.5rem; } /*Fin franja pedidos*/ #cnt_cont_3_ln1_img img#cnt_cont_3_ln1_img_img{ max-width:340px; min-width:100px; } .lin1_collage1{ margin-top:3.8%; } .lin1_collage2{ margin-top:1.3%; } .lin1_collage3{ margin-top:6.8%; } /*section#contacto{ margin-top:7.5rem; }*/ /*Administracion*/ section#admin #admin-form { width:90%; } /*Fin administracion*/ /*Lo mejor de nuestra tienda*/ .cnt_cont_2_0_0,.cnt_cont_2_0_1,.cnt_cont_2_0_2{ width:20%; } .cnt_cont_2_0_1{ width:56%; } /*Categorias index*/ .franjacat_azul, .franjacat_fucsia{ bottom:8rem; font-size:2rem; } /*Promociones*/ .cnt_cont_2_0_3{ margin:0 auto; text-align:center; width:100%; } footer{ padding:2rem 8rem; } /*Carrito*/ section#carrito-detalle #carrito-detalle-form{ width:80%; } section#carrito-detalle #carrito-detalle-form #div_carrito_detalle{ display:block; } section#carrito-detalle #carrito-detalle-form #div_carrito_detalle_cel{ display:none; } /*Pedidos*/ .pedidos-form{ width:90%; } /*Nuevo encabezado*/ .head__logo-wrap{ padding:0 0.5rem; } .head__telephone-menu-wrap{ padding:0 0.5rem; } .head__car-search-wrap{ padding:0 0.5rem; } .head__search{ width:100%; } .cajaBuscar{ width:75%; } #marca{ border:1px solid #ffcc00;} } @media (max-width: 1023px){ /*.dv_header_bloque_fijo{ height:2.5rem; }*/ .cat_sublineas{ width:31%; } /*#hd_cont_1,#hd_cont_2,#hd_cont_2_1,#hd_cont_2_2{ padding:0; text-align:center; width:100%; }*/ #hd_cont_2{ padding-top:0rem; } /*#hd_cont_1{ height:auto; width:100%; } #hd_cont_1 img{ left:34%; } */ #hd_cont_1 img { max-width:180px; min-width:100px; } #hd_cont_2_1{ background:#FF9999; color:#FFF; } #hd_cont_2_2{ text-align:left; padding:0.3rem 0; } #hd_cont_2_2_1{ /*border:1px solid #cc0000;*/ width:100%; } #hd_cont_2_2_2{ display:inline-block; padding:0; width:49%; /*position:absolute;*/ } /*.btn_buscar{ background:#005461; }*/ #hd_cont_0_0_0{ /*border:1px solid #3366cc;*/ width:22%; } #hd_cont_0_0_1{ /*border:1px solid #3366cc;*/ font-size: 1.7rem; width:48%; } #hd_cont_0_0_2{ /*border:1px solid #cc0000;*/ width:29%; } .cajaBuscar{ width:10rem; } section#autenticar{ padding:4.5rem 1rem;} section#contenido { line-height:0; margin:3.8rem auto 0 auto; } #cnt_cont_2_0{ font-size:4rem; } #cnt_cont_2_1{ display:block; margin:0 auto; vertical-align:top; padding:15.2% 0; width:54%; } section#producto-detalle { padding:2rem; } .producto{ margin:0 0.1rem 3rem 0.1rem; width:32.5%; /*-moz-box-shadow: 0 3px 6px 0px #d8d8d8; -webkit-box-shadow: 0 3px 6px 0px #d8d8d8; box-shadow: 0 3px 6px 0px #d8d8d8;*/ } .promocion{ font-size:0.7rem; } #footer-redes{ padding:0 1.5rem; } #sltext1{ font-size:3.6rem; } #sltext2{ font-size:3.6rem; } @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 11rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 11rem; filter: alpha(opacity=1); opacity:1; } } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 13.8rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 13.8rem; filter: alpha(opacity=1); opacity:1; } } #cnt_cont_3_ln1_titulo { font-size:1.6rem; } #cnt_cont_3_ln1_img img#cnt_cont_3_ln1_img_img{ max-width:260px; min-width:100px; } footer{ padding:2rem 1rem; } /*.foto-producto{ display:inline-block; margin:0.5rem 0.5rem 2rem 0.5rem; vertical-align:top; width:30%; }*/ .foto-producto{ width:30%; } section#autenticar{ padding-top:2rem; } /*section#contacto{ margin-top:5.5rem; }*/ #dv_espacio_detalle_prod{ height:4rem; } /*Iconos de lineas*/ .iconlines{ width:18%; } .iconlines img{ height:auto; min-width:60px; max-width:100px; width:100%; } .iconlines_t1{ font-size:0.9rem; } .iconlines_t2{ font-size:1.2rem; } /*franja video*/ #cnt_cont_3_1_1 img{ border:0; height:auto; margin:0; min-width:350px; max-width:960px; width:100%; } #cnt_cont_3_1_2{ top:24%; } #cnt_cont_3_1_2_p1 { font-size:2rem; line-height:1.5rem; } #cnt_cont_3_1_2_p2 { font-size:3.6rem; line-height:1.5rem; } #cnt_cont_3_1_2_p3 { font-size:1.6rem; line-height:2rem; } #cnt_cont_3_2 img { min-width:200px; } /*Fin franja video*/ /*Franja promociones*/ #cnt_cont_5_1 img { min-width:200px; } #cnt_cont_5_2_1 img{ min-width:200px; } #cnt_cont_5_2_2_p1 { font-size:2rem; line-height:2rem; } #cnt_cont_5_2_2_p2 { font-family:'Crimson Text', sans-serif; font-size:2.5rem; line-height:2.5rem; } /*Fin franja promociones*/ /*Franja medios pago*/ /*.slider { width:80%; }*/ /*Fin franja medios pago*/ /*Administracion*/ section#admin { width:90%; } /*Fin administracion*/ /*Franja nuevos estilos*/ .cnt_cont_2_0_0,.cnt_cont_2_0_1,.cnt_cont_2_0_2{ display:inline-block; height:auto; vertical-align:middle; width:25%; } .cnt_cont_2_0_1{ width:40% } .slider { width:100%; } .dv_img_slick img{ max-width:240px; min-width:200px; } .slick_referencia, .slick_precio, .slick_tachado{ font-size:1rem; height:auto; line-height:0.8rem; } /*Fin Franja nuevos estilos*/ /*Franja categorias index*/ /*.cnt_cont_7_0{ width:100%; }*/ .cnt_cont_7_0_0{ /*border:1px solid #cc0000;*/ width:100%; } .cnt_cont_7_0_0_0 img{ max-width:100%; min-width:100px; width:100%; } /*Fin Franja categorias index*/ /*Categorias index*/ .franjacat_azul, .franjacat_fucsia{ bottom:4.6rem; font-size:1.8rem; } /*Seccion Carrito de compras*/ section#carrito-detalle #carrito-detalle-form{ width:80%; } section#carrito-detalle #carrito-detalle-form #div_carrito_detalle{ display:block; } section#carrito-detalle #carrito-detalle-form #div_carrito_detalle_cel{ display:none; } /*Fin Seccion Carrito de compras*/ /*Pedidos*/ .pedidos-form{ width:100%; } /*Nuevo Encabezado*/ .head{ flex-wrap:wrap; } .head .head__logo-wrap:nth-child(1) { order: 1; } .head .head__telephone-menu-wrap:nth-child(2) { order: 3; } .head .head__car-search-wrap:nth-child(3) { order: 2; } .head__imglogo{ height:auto; min-width:80px; max-width:140px; width:80%; } .head__logo-wrap{ flex-grow:1; } .head__car-search-wrap{ flex-grow:4; } .head__shoppingcar{ } .head__shoppingcar-link{ font-size:1.5rem; } .head__search{ text-align:right; } .cajaBuscar{ height:1.7rem; padding:0 0.5rem; border-bottom:0px solid #fff; width:16rem; } .btn_buscar{ font-size:1.4rem; padding:0 0.2rem; } .head__telephone-menu-wrap{ flex-direction:row; flex:1 0 100%; } .head__telephone{ flex-grow:5; font-size:1.8rem; text-align:right; } .head__menu{ flex-grow:1; padding:0; margin:0; width:3%; } #marca{ border:1px solid #3366cc;} } @media (max-width: 767px){ /*.dv_header_bloque_fijo{ height:2rem; }*/ .cat_sublineas{ width:31%; } #hd_cont_1 img { max-width:160px; min-width:100px; } .producto{ margin:0 0.1rem 2rem 0.1rem; width:49%; /*-moz-box-shadow: 0 3px 6px 0px #d8d8d8; -webkit-box-shadow: 0 3px 6px 0px #d8d8d8; box-shadow: 0 3px 6px 0px #d8d8d8;*/ } .promocion{ font-size:0.7rem; } #cnt_cont_2_1{ display:block; vertical-align:top; padding:19.7% 0; width:70%; } #cnt_cont_4{ text-align:center; /*padding-top:1.5rem;*/ margin-top:7rem; } #hd_nav { height:3rem; padding:0.9rem 0; font-size:0.9rem; } #hd_nav span { margin:0 0.2rem; } /*.cajaBuscar{ width:10rem; }*/ #hd_cont_0_0_0{ /*border:1px solid #3366cc;*/ margin-top:1rem; width:22%; } #hd_cont_0_0_1{ /*border:1px solid #cc0000;*/ font-size:1.4rem; padding-top:0.9rem; width:47%; } #hd_cont_0_0_2{ /*border:1px solid #cc0000;*/ width:30%; } section#contenido { line-height:0; margin:3rem auto 0 auto; } section#producto-detalle #proddetalle_foto, section#producto-detalle #proddetalle_texto{ display:block; width:60%; margin:0 auto; } section#producto-detalle #proddetalle_texto { padding:2rem 0 0 0; } /*section#admin #admin-form { width:100%; }*/ section#cnt_cont_1 { margin:1.38rem auto 0 auto; } #cnt_cont_2_0{ font-size:5rem; width:100%; } #cnt_cont_2_2{ width:100%; } /*#footer-pedidos, #footer-empresa, #footer-logo, #footer-redes{ width:49.5%; margin-bottom:1rem; }*/ #sltext1{ font-size:4.4rem; } #sltext2{ font-size:4.4rem; } @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 27rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 27rem; filter: alpha(opacity=1); opacity:1; } } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 30.4rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 30.4rem; filter: alpha(opacity=1); opacity:1; } } #hd_cont_0_2{ display:block; } #hd_cont_0_2_movil{ display:none; } #hd_cont_0_2{ margin:5.5% 0 0 0; } #cnt_cont_3_ln1_texto{ padding:8% 0; } #cnt_cont_3_ln1_titulo{ font-size:1.2rem; } #cnt_cont_3_ln1_frase{ font-size:0.8rem; } /*.dv_espaciov5{ height:1rem; }*/ #cnt_cont_3_ln1_img img#cnt_cont_3_ln1_img_img{ max-width:200px; min-width:100px; } #autenticar-form{ width:50%;} /*section#contacto{ margin-top:4.5rem; }*/ footer{ padding:2rem 1rem; } #footer-redes, #footer-logo { width:28%; } #footer-logo img { min-width:80px; max-width:150px; width:100%; height:auto; } #footer-logo, #footer-redes, #footer-pedidos{ margin:0 auto; padding:0; } /*Iconos de lineas*/ .iconlines{ width:19%; } .iconlines img{ height:auto; min-width:40px; max-width:90px; width:100%; } .iconlines_t1{ font-size:0.8rem; } .iconlines_t2{ font-size:1.1rem; } /*Franja video*/ #cnt_cont_3_1{ display:block; width:100%; } #cnt_cont_3_1_2{ left:32.5%; top:23%; } #cnt_cont_3_1_2_p1 { font-size:3.5rem; line-height:3rem; } #cnt_cont_3_1_2_p2 { font-size:6rem; line-height:3rem; } #cnt_cont_3_1_2_p3 { font-size:3rem; line-height:4rem; } #cnt_cont_3_2{ display:block; width:100%; } /*Fin franja video*/ /*Franja Pedidos*/ #cnt_cont_4_1{ display:block; margin:0 auto; width:90%; } #cnt_cont_4_1 img{ width:80%; } #cnt_cont_4_2{ display:block; margin:0 auto; width:90%; } /*FDin Franja Pedidos*/ /*Franja promociones*/ #cnt_cont_5_1{ display:block; width:100%; } #cnt_cont_5_1 img { height:auto; min-width:200px; max-width:960px; width:100%; } #cnt_cont_5_2{ display:block; width:100%; } #cnt_cont_5_2_1 img{ height:auto; margin:0; min-width:200px; max-width:960px; width:100%; } #cnt_cont_5_2_2_p1 { font-size:3rem; line-height:3rem; } #cnt_cont_5_2_2_p2 { font-family:'Crimson Text', sans-serif; font-size:3rem; line-height:3rem; } /*Fin franja promociones*/ /*Franja nuevos estilos*/ .cnt_cont_2_0_0,.cnt_cont_2_0_1,.cnt_cont_2_0_2{ display:inline-block; height:auto; vertical-align:middle; width:23%; } .cnt_cont_2_0_1{ font-size:1.8rem; width:50% } .slider { width:100%; } .dv_img_slick img{ max-width:200px; min-width:160px; } .slick_referencia, .slick_precio, .slick_tachado{ font-size:1rem; height:auto; line-height:0.8rem; } /*Fin Franja nuevos estilos*/ /*Franja categorias index*/ /*.cnt_cont_7_0_0{ padding:0; margin:0; }*/ .franjacat_azul, .franjacat_fucsia{ /*background:#FFF;*/ bottom:4rem; font-size:1.4rem; /*color:#F50358; cursor:pointer; font-family:'Montserrat', sans-serif; font-weight:bold;*/ /*font-size:1rem;*/ /*filter: alpha(opacity=8); opacity:0.8; height:auto;*/ /*left:20%; line-height:1.2rem;*/ /*margin:0 auto;*/ /*padding:0.5rem 2rem; position:absolute; width:auto;*/ /*z-index:99;*/ } /*.franjacat_azul{ background:#FFF; color:#005461; }*/ /*Fin Franja categorias index*/ /*Administracion*/ section#admin { width:100%; } section#admin #admin-form { width:80%; } /*Fin administracion*/ .dv_espaciov66{ height:1.2rem; } /*Carrito de compras*/ section#carrito-detalle #carrito-detalle-form{ width:90%; } section#carrito-detalle #carrito-detalle-form #div_carrito_detalle{ display:none;} section#carrito-detalle #carrito-detalle-form #div_carrito_detalle_cel{ display:block; } /*Carrito de compras*/ /*Pedidos*/ section#pedidos-listado{ display:none; } section#pedidos-listado-cel{ display:inline-block; } .pedidos-celda-100{ border:0px solid #fff; padding:0rem 0.5rem; } .pagar-bloque{ display:block; height:auto; margin:0.5em 0.5em 2em 0.5em; padding:0.2em; vertical-align:top; width:80%; border:1px solid #e0e0e0; } .voucher_cont{ /*padding:1rem 1rem;*/ width:70%; } /*Nuevo Encabezado*/ #marca{ border:1px solid #cc0000;} } @media (max-width: 649px){ /*#cnt_cont_2_2{ display:block; vertical-align:top; text-align:center; width:100%; }*/ /*#hd_cont_1{ width:100%; }*/ .cat_sublineas{ width:49%; } .producto{ margin:0 0.1rem 2rem 0.1rem; width:48.5%; /*-moz-box-shadow: 0 3px 6px 0px #d8d8d8; -webkit-box-shadow: 0 3px 6px 0px #d8d8d8; box-shadow: 0 3px 6px 0px #d8d8d8;*/ } .promocion{ font-size:0.7rem; } #hd_cont_0_0_0{ /*border:1px solid #3366cc;*/ /*display:none;*/ display:inline-block; margin-top:0; width:44%; } #hd_cont_0_0_0 img { max-width:160px; height:auto; } #hd_cont_0_0_1{ /*border:1px solid #3366cc;*/ display:none; } #hd_cont_0_0_2{ /*border:1px solid #cc0000;*/ /*display:block; width:100%;*/ display:inline-block; width:54%; } #hd_cont_2_2_3{ /*border:1px solid #cc0000;*/ color:#FFF; display:inline-block; font-size: 1.6rem; padding:0.5rem 0.5rem 0 0; text-align:right; width:88%; } #hd_cont_2_2_1{ /*border:1px solid #3366cc;*/ display:inline-block; /*width:10%;*/ } /*.cajaBuscar{ height:1.3rem; width:11rem; }*/ section#producto-detalle{ padding-top:1rem; } section#producto-detalle #proddetalle_foto, section#producto-detalle #proddetalle_texto{ width:80%; } section#producto-detalle #proddetalle_texto { padding:2rem 0 0 0; } #cnt_cont_2_1{ display:block; vertical-align:top; padding:27% 0; width:100%; } #cnt_cont_2_0{ /*font-size:1.4rem;*/ } #footer-pedidos, #footer-empresa, #footer-logo, #footer-redes{ width:49%; margin-bottom:1rem; } #sltext1{ font-size:3.4rem; } #sltext2{ font-size:3.4rem; } @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 20rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 20rem; filter: alpha(opacity=1); opacity:1; } } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 22.6rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 22.6rem; filter: alpha(opacity=1); opacity:1; } } /*#hd_cont_1 { text-align:center; } #hd_cont_1 img { left:0; margin:0 auto; max-width:240px; min-width:80px; position:relative; }*/ #hd_cont_1 img { max-width:140px; min-width:50px; } #hd_cont_0_2{ display:none; } #hd_cont_0_2_movil{ display:block; margin:0 0 0 30%; width:70%; z-index:9999; } .dl-menuwrapper{ text-align:left; } /*.btn_buscar{ background:#66B822; }*/ #cnt_cont_3_ln1_texto{ width:30%; } #cnt_cont_3_ln1_img{ width:50%; } #cnt_cont_3_ln1_img img#cnt_cont_3_ln1_img_img{ max-width:140px; min-width:100px; } .lin1_collage1{ position:absolute; margin-left:0; margin-top:4.5%; z-index:1; } .lin1_collage2{ position:absolute; margin-left:30%; margin-top:2%; z-index:2; display:none; } .lin1_collage3{ position:absolute; margin-left:15%; margin-top:7.5%; z-index:3; } /*.dv_espaciov5{ height:0.3rem; }*/ #autenticar-form{ width:60%;} footer{ padding:2rem 4rem; } .foto-producto{ width:46%; } .foto-producto span{ display:block; font-size:1rem; } .foto-label{ font-size:1rem; font-weight:normal; } section#contacto #contacto-form, section#contacto #contacto-texto { width:96%; margin:0; padding:1rem 0; } section#contacto #contacto-form p { width:100%; } /*Iconos de lineas*/ .iconlines{ width:38%; } .iconlines img{ height:auto; min-width:60px; max-width:120px; width:100%; } .iconlines_t1{ font-size:1rem; } .iconlines_t2{ font-size:1.2rem; } /*Franja video*/ #cnt_cont_3_1_2{ top:23%; } #cnt_cont_3_1_2_p1 { font-size:2rem; line-height:2rem; } #cnt_cont_3_1_2_p2 { font-size:5rem; line-height:2rem; } #cnt_cont_3_1_2_p3 { font-size:2rem; line-height:3rem; } /*Fin franja video*/ /*Franja promociones*/ #cnt_cont_5_1{ display:block; width:100%; } #cnt_cont_5_1 img { height:auto; min-width:200px; max-width:960px; width:100%; } #cnt_cont_5_2{ display:block; width:100%; } #cnt_cont_5_2_1 img{ height:auto; margin:0; min-width:200px; max-width:960px; width:100%; } #cnt_cont_5_2_2{ color:#FFF; font-family:'Nunito', sans-serif; position:absolute; left:8%; text-align:left; top:30%; } #cnt_cont_5_2_2_p1 { font-size:2.3rem; line-height:2.3rem; } #cnt_cont_5_2_2_p2 { font-family:'Crimson Text', sans-serif; font-size:2.5rem; line-height:2.5rem; } /*Fin franja promociones*/ /*Franja nuevos estilos*/ .cnt_cont_2_0_0,.cnt_cont_2_0_1,.cnt_cont_2_0_2{ display:inline-block; height:auto; vertical-align:middle; width:22%; } .cnt_cont_2_0_1{ font-size:1.6rem; width:50% } .dv_img_slick img{ max-width:200px; min-width:100px; } .slick_referencia, .slick_precio, .slick_tachado{ font-size:1rem; height:auto; line-height:0.9rem; } .slick_referencia { font-size:1.1rem; } /*Franja nuevos estilos*/ /*Franja categorias index*/ .cnt_cont_7_0{ width:100%; } .cnt_cont_7_0_0{ /*border:1px solid #cc0000;*/ width:100%; } .cnt_cont_7_0_0_0 img{ max-width:100%; min-width:100px; width:100%; } .franjacat_azul, .franjacat_fucsia{ /*background:#FFF;*/ bottom:6rem; font-size:2.6rem; /*color:#F50358; cursor:pointer; font-family:'Montserrat', sans-serif; font-weight:bold;*/ /*font-size:1.3rem;*/ /*filter: alpha(opacity=8); opacity:0.8; height:auto;*/ /*left:35%; line-height:1.5rem;*/ /*margin:0 auto;*/ /*padding:0.5rem 2rem; position:absolute; width:auto;*/ /*z-index:99;*/ } /*Fin Franja categorias index*/ /*Icono whatsapp y contactenos*/ .iconwp{ background-size: 50px 50px; bottom:0.9rem; left:0.9rem; height: 50px; width: 50px; } .pulse1wp { bottom:0.7rem; left:0.7rem; height: 56px; width: 56px; } .pulse2wp { bottom:0.7rem; left:0.7rem; height: 56px; width: 56px; } .iconmsg{ background-size: 50px 50px; bottom:4.25rem; left:0.8rem; height: 50px; width: 50px; } .pulse1msg { bottom:4.8rem; left:0.8rem; height: 52px; width: 52px; } .pulse2msg { bottom:4.8rem; left:0.8rem; height: 52px; width: 52px; } /*Fin Icono whatsapp*/ /*Ir arriba*/ .ir-arriba{ bottom:1rem; border-radius:1.5rem; right:1rem; font-size:1rem; padding:1rem; } /*Fin Ir arriba*/ /*Pedidos*/ section#pedidos-listado{ display:none; } section#pedidos-listado-cel{ display:inline-block; } .pedidos-celda-100{ border:0px solid #fff; } .pagar-bloque{ display:block; height:auto; margin:0.5em 0.5em 2em 0.5em; padding:0.2em; vertical-align:top; width:80%; border:1px solid #e0e0e0; } .voucher_cont{ width:70%; } /*Nuevo Encabezado*/ .head__telephone{ font-size:1.6rem; } .head__menu{ width:8%; } #marca{ border:1px solid #00dd00; } } @media (max-width: 479px){ #hd_nav { height:3rem; padding:0.9rem 0; font-size:0.8rem; } .caja2{ width:12rem; } .referencia{ font-size:1rem;} /*#hd_cont{ margin:0 auto; width:100%; height:auto; vertical-align:top; }*/ /*#hd_cont_0{ height:6.75rem; }*/ /*#hd_cont_1 img { left:2%; top:-66px; max-width:272px; min-width:100px; height:auto; position:absolute; width:100%; z-index:999; }*/ /*#hd_cont_1{ height:6.75rem; }*/ /*#hd_cont_1 img { left:25%; max-width:180px; min-width:80px; height:auto; position:absolute; width:100%; z-index:999; }*/ /*#hd_cont_1 img { max-width:90px; min-width:60px; }*/ /*#hd_cont_2{ border:1px solid #ffcc00; margin:0; }*/ #hd_cont_0_0_0{ /*border:1px solid #3366cc;*/ /*display:none;*/ display:inline-block; margin-top:0; width:40%; } #hd_cont_0_0_0 img { max-width:140px; height:auto; } #hd_cont_2_2_3{ font-size:1.3rem; padding:0.5rem 1.2rem 0 0.5rem; text-align:left; } /*#cnt_cont_3_1 img { margin:0 50px; }*/ #cnt_cont_3_1_1{ /*border:1px solid #cc0000;*/ margin:0; padding:0; } #cnt_cont_3_1_1 img{ /*border:1px solid #3366cc;*/ min-width:340px; max-width:960px; width:100%; height:auto; } /*#cont_cont_3{ border:1px solid #000; } #cnt_cont_3_1{ border:1px solid #cc0000; } #cnt_cont_3_1_1{ border:1px solid #ffcc00; } #cnt_cont_3_1_1 img{ border:1px solid #3366cc; min-width:200px; max-width:960px; width:100%; height:auto; }*/ /*.cajaBuscar{ width:13rem; }*/ .producto{ width:94%; margin:0 auto; } section#producto-detalle #proddetalle_foto, section#producto-detalle #proddetalle_texto{ width:90%; } #footer-pedidos, #footer-empresa, #footer-logo, #footer-redes{ display:block; width:90%; padding:0; margin-bottom:1.5rem; } #sltext1{ font-size:1.8rem; } #sltext2{ font-size:1.8rem; } @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 15rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 15rem; filter: alpha(opacity=1); opacity:1; } } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 17rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 17rem; filter: alpha(opacity=1); opacity:1; } } #cnt_cont_3_ln1_texto{ padding:6% 0; width:80%; margin:0 auto; } #cnt_cont_3_ln1_img{ display:none; } #cnt_cont_3_ln1_titulo{ font-size:1.5rem; text-align:center; } #cnt_cont_3_ln1_frase{ font-size:1rem; text-align:center; } /*.dv_espaciov5{ height:1rem;}*/ #autenticar-form{ width:90%;} #cnt_cont_3_ln1_img img#cnt_cont_3_ln1_img_img{ max-width:120px; min-width:100px; } .foto-producto{ margin:0.2rem 0.2rem 1.5rem 0.2rem; width:46%; } .foto-producto span{ display:block; font-size:0.9rem; } .foto-label{ font-size:0.9rem; font-weight:normal; } /*Franja video*/ #cnt_cont_3_1_2{ top:20%; } #cnt_cont_3_1_2_p1 { font-size:2rem; line-height:1.5rem; } #cnt_cont_3_1_2_p2 { font-size:4rem; line-height:1.5rem; } #cnt_cont_3_1_2_p3 { font-size:2rem; line-height:2rem; } /*Fin franja video*/ /*Franja medios pago*/ .slider { width:100%; } /*Fin franja medios pago*/ /*Franja nuevos estilos*/ .cnt_cont_2_0_0,.cnt_cont_2_0_1,.cnt_cont_2_0_2{ display:inline-block; height:auto; vertical-align:middle; width:0%; } .cnt_cont_2_0_1{ font-size:1.8rem; width:100%; } .dv_img_slick img{ max-width:300px; min-width:100px; } .slick_referencia, .slick_precio, .slick_tachado{ font-size:1.2rem; height:auto; line-height:1rem; } /*Franja nuevos estilos*/ /*Pedidos*/ #pedido-detalle{ display:none; border:1px solid #cc0000; } #pedido-detalle-cel{ display:block; border:1px solid #3366cc; } .voucher_cont{ width:80%; } /*Nuevo encabezado*/ .head__imglogo{ min-width:60px; max-width:120px; width:100%; } .head__logo-wrap{ flex-grow:2; } .head__car-search-wrap{ flex-grow:4; } .head__shoppingcar{ } .head__shoppingcar-link{ font-size:1.5rem; } .head__search{ text-align:right; } .cajaBuscar{ width:10rem; } .btn_buscar{ font-size:1.4rem; } .head__telephone{ flex-grow:5; font-size:1.2rem; } .head__menu{ flex-grow:1; width:15%; } #marca{ border:1px solid #cccccc; } } @media (max-width: 370px){ .caja2{ width:10rem; } /*#hd_cont_1 img { max-width:250px; width:100%; padding-top:0.4rem; }*/ #hd_cont_2_1{ font-size:1.2rem; padding:0.22rem 0; } /*#hd_cont_2_2_1{ width:30%; }*/ /*#hd_cont_2_2_2{ width:68%; }*/ #cnt_cont_3_1{ font-size:1.2rem; padding:1.2rem 0; } #cnt_cont_3_1 img{ max-width: 50px; margin:0 0.5rem; } .producto{ width:100%; margin:0 auto; } .promocion{ font-size:0.7rem; } section #producto-detalle{ padding-top:2rem; } footer span{ font-size:1rem; font-weight:bold; } #cnt_cont_5_2{ margin:0 auto; } /*.cajaBuscar{ width:9rem; }*/ /*Slider*/ .slider { margin: 10px auto; width:100%; } .slick-slide { margin: 0px 5px; } .slick-slide img { width: 100%; } /*Franja nuevos estilos*/ .cnt_cont_2_0_0, .cnt_cont_2_0_1, .cnt_cont_2_0_2{ display:inline-block; height:auto; vertical-align:middle; width:0; } .cnt_cont_2_0_1{ font-size:1.8rem; width:100%; } /*.dv_img_slick img{ max-width:200px; min-width:180px; width:100%; height:auto; }*/ /*Categorias*/ .franjacat_azul, .franjacat_fucsia{ bottom:5rem; font-size:2rem; /*bottom:1rem; font-size:1.2rem; height:auto; left:20%; line-height:1.4rem; padding:0.5rem 0; position:absolute; width:60%;*/ } .dv_espaciov33{ height:0 } .dv_espaciov66{ height:0; } /*Pedidos*/ .voucher_cont{ width:98%; } .voucher_acciones1{ width:70%; } .voucher_acciones2{ width:13%; } /*Slide*/ @-webkit-keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 12rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 12rem; filter: alpha(opacity=1); opacity:1; } } @-webkit-keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 14rem; filter: alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top: 0px; filter: alpha(opacity=0); opacity:0; } to { top: 14rem; filter: alpha(opacity=1); opacity:1; } } /*Nuevo encabezado*/ .head__imglogo{ min-width:50px; max-width:90px; width:100%; } .head__logo-wrap{ flex-grow:2; } .head__car-search-wrap{ flex-grow:4; } .head__shoppingcar{ } .head__shoppingcar-link{ font-size:1.5rem; } .head__search{ } .cajaBuscar{ height:1.5rem; width:7rem; } .btn_buscar{ font-size:1.2rem; } .head__telephone{ font-size:0.88rem; } .head__menu{ flex-grow:1; width:15%; } #marca{ border:1px solid #000; } } @media (max-width: 269px){ #cnt_cont_2_1-2{ display:block; } .cat_principal { display:block; width:100%; } #marca{ border:1px solid #ffcc00; } }