html{
background-color: #FFF;
color: #333;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
.flex-parent {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.flex-child {
display: -ms-flex;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-direction: column;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@font-face {
font-family: BebasNeue;
src: url(/static_fonts/BebasNeue.otf);
}
.form-control:focus {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
header .logeado{
color: #4CAF50;
}
/*** ENVOLVER ***/
.container_envolver {
border: 1px solid #EAEAEA;
}
.container-envolver img {
max-width: 100px;
}
.container_cabecera {
padding: 15px 0px;
text-align: center ;
}
.container_envolver {
margin-top: 30px;
}
.container_envolver .producto {
border-bottom: 1px solid #EAEAEA;
}
/*.container_envolver .producto:last-of-type {
border-bottom: none;
}*/
.container_envolver .producto img {
max-width: 100px;
display: block;
margin: auto;
margin-bottom: 5px;
}
.container_envolver .datos .marca {
font-weight: bold;
color: #ec0000;
}
.container_envolver .seleccion {
font-size: 14px;
/*color: #A1A1A1;*/
cursor: pointer;
text-transform: uppercase;
text-align: center;
}
.container_envolver .seleccion.activo {
color: #ec0000;
}
.container_cabecera .btn_mas_info_regalo {
color: #818181;
cursor: pointer;
}
.container_cabecera .mas_info_regalo {
/*border: 1px solid;*/
padding: 10px 0px;
border: 1px solid #BFBFBF;
color: #A1A1A1;
background: #F0F0F0;
}
.container_envolver_cabecera {
border-bottom: 1px solid #EAEAEA;
/*padding-bottom: 10px;*/
text-align: center;
background: #F0F0F0;
/*color: #A1A1A1;*/
}
.container_envolver_cabecera>div {
height: 25px;
padding-top: 3px;
}
.container_envolver_cabecera>div:first-of-type {
border-right: 1px solid #EAEAEA;
}
@media screen and (min-width:1200px) {
.container_envolver .seleccion {padding-top: 33px;}
.container_envolver .datos {padding-top: 28px;}
}
@media screen and (max-width:1199px) {
.container_envolver .seleccion {padding-top: 23px;}
.container_envolver .datos {padding-top: 18px;}
}
/***************************************/
.container_seccion {
/*padding-top: 15px;
padding-bottom: 15px;*/
/*padding: 20px;*/
/*background: #F0F0F0;*/
/*border-radius: 3px;*/
border: 1px solid #EAEAEA;
padding: 0;
}
.container_seccion {
border: 1px solid #EAEAEA;
}
.texto_color_secundario {
color: #000000;
}
.texto_color_success{
color: #ec0000!important;
}
.color_secundario_alternativo_2 {
color: #666666;
}
.container_seccion_datos .enlace {
color: #4A9C3D!important;
}
.container_seccion_pago {
/*background: #DCDCDC;*/
border: 1px solid #EAEAEA;
padding: 0px;
}
.container_seccion_pago .metodo_pago {
cursor: pointer;
color: #A1A1A1;
padding: 35px;
}
.container_seccion_pago .metodo_pago img {
display:block;
margin: auto;
}
.container_seccion hr {
margin-top: 10px;
margin-bottom: 10px;
}
.container_seccion .alerta {
color: #C00924;
text-align: center;
padding: 10px 0px;
}
.container_seccion .alerta-azul {
color: #2196f3;
text-align: center;
padding: 10px 0px;
}
.container_seccion_linea {
/*background: #DCDCDC;*/
border-radius: 3px;
padding: 5px 0px;
margin: 5px 0px;
}
.vertical-center {
min-height: 100%; /* Fallback for browsers do NOT support vh unit */
min-height: 100vh; /* These two lines are counted as one :-) */
display: flex;
align-items: center;
}
/* BOTONES */
.btn-primary {
background: #ec0000;
color: white;
border: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #fff;
background: #cc0000;
border-color: #cc0000;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #cc0000;
}
.btn-primary:active, .btn-primary.active {
background: #cc0000;
box-shadow: none;
}
.btn-secondary {
background: #666666;
color: white;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
background: #666666;
color: white;
}
.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open>.dropdown-toggle.btn-secondary.focus, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary:hover {
background: #666666;
color: white;
}
.btn-secondary:active, .btn-secondary.active {
background: #666666;
color: white;
}
.btn-success {
background: #ec0000;
color: white;
border: none;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
color: #fff;
background: #ff0000;
/*border-color: #cc0000;*/
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #ff0000;
}
.btn-success:active, .btn-success.active {
background: #ff0000;
box-shadow: none;
}
.btn-link {
background: none;
color: #000000;
border: none;
border-radius: 4px !important;
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open > .dropdown-toggle.btn-link {
color: #000000;
background: none;
border-color: none;
text-decoration: none;
}
.btn-link.active.focus, .btn-link.active:focus, .btn-link.active:hover, .btn-link:active.focus, .btn-link:active:focus, .btn-link:active:hover, .open>.dropdown-toggle.btn-link.focus, .open>.dropdown-toggle.btn-link:focus, .open>.dropdown-toggle.btn-link:hover {
color: #000000;
background-color: none;
border-color: none;
text-decoration: none;
}
.btn-link:active, .btn-link.active {
background: none;
box-shadow: none;
text-decoration: none;
}
/* FIN BOTONES */
.style2 {
color: #ec0000;
font-weight: bold;
}
.style4 {
color: #ec0000;
font-weight: bold;
font-size: 18px;
}
/* BREADCRUMB */
@media screen and (min-width: 1001px) {
.breadcrumb_new{
text-transform:capitalize;
margin-bottom: 5px;
/*border-left: 5px solid #ec0000;*/
padding: 8px;
}
.breadcrumb_new a:last-child {
font-weight: bold;
color: #333;
text-decoration: underline;
}
}
@media screen and (max-width: 991px) {
.breadcrumb_new {
background: #ec0000;
color: white;
text-transform: uppercase;
padding: 8px;
}
.breadcrumb_new a {
color: white;
}
}
/* BREADCRUMB - FIN */
/** TEMPLATE PRODUCTO LISTA */
.producto_lista h5 {
color: #e80e8a;
font-weight: bold;
}
.producto_lista h6 {
color: #000000;
}
.producto_lista h6 {
font-style: italic;
}
.producto_lista .products_price {
color: #000000;
font-size: 14px;
font-weight: bold;
}
.producto_lista .products_price b {
color: #e80e8a;
/*font-weight: bold;*/
font-size: 18px;
}
.producto_lista .real_price {
color: #000000;
font-size: 13px;
/*text-decoration: line-through;*/
}
.producto_lista .container_imagen {
text-align: center;
}
.producto_lista .container_imagen .imgbola {
position: absolute;
left: 10px;
bottom: 0px;
}
.producto_lista .container_imagen .imgbola img {
position: absolute;
left: 0px;
bottom: 0px;
}
.producto_lista .container_imagen .imgbola .texto_precio_oferta_peq {
font-family: BebasNeue;
font-size: 17px;
color: #000000;
position: absolute;
bottom: 17px;
left: 16px;
}
.producto_lista .container_imagen .imgbola .texto_precio_oferta_peq span {
font-size: 14px;
}
.producto_lista .btn_anadir {
float: right;
height: 35px;
padding: 10px 30px;
margin-top: 8px;
}
.producto_lista .btn_compartir {
float: right;
margin-right: 5px;
height: 32px;
}
.producto_lista .btn_ver {
float: right;
margin-right: 5px;
height: 32px;
}
.producto_lista .container_compartir {
/*border: 1px solid #A1A1A1;*/
margin-top: 2px;
padding: 4px;
}
.producto_lista .container_compartir .col_imagen {
padding: 0 !important;
}
.producto_lista .container_compartir img {
max-width: 35px;
max-height: 35px;
}
.producto_lista.destacado h5 {
font-size: 20px;
}
.producto_lista.destacado h6 {
font-size: 16px;
}
.producto_lista .texto_entrega {
float: right;
color: #212121;
width: 100%;
margin: auto;
display: block;
text-align: center;
}
.producto_lista .texto_entrega b {
color: #e80e8a;
}
/** ####################################### */
@font-face {
font-family: BebasNeue;
src: url(/template/all/font/BebasNeue.otf);
}
/* CARRITO */
.container_carrito {
border: 1px solid #EAEAEA;
}
.container_carrito .encabezado {
border-bottom: 1px solid #EAEAEA;
background: #F0F0F0;
color: #A1A1A1;
}
.container_carrito .encabezado div {
/* font-size: 12px; */
height: 25px;
border-right: 1px solid #EAEAEA;
padding-top: 3px;
text-align: center;
}
.container_carrito .encabezado div:last-child {
border-right: none;
}
.container_carrito .pie {
text-align: right;
color: #000000;
font-weight: bold;
font-size: 15px;
padding: 20px 0px;
}
.container_carrito .producto {
border-bottom: 1px solid #EAEAEA;
}
.container_carrito .total {
margin:10px 0px;
text-align: center;
}
.container_carrito .producto div {
text-align: center;
}
.container_carrito .marca {
margin: 0;
font-weight: bold;
font-size: 13px;
}
.container_carrito .nombre {
margin: 0;
color: #ec0000;
font-size: 13px;
}
.container_carrito .cantidad {
text-transform: uppercase;
font-size: 11px;
margin-bottom: 0;
margin-top: 10px;
}
.container_carrito .btnminus {
/*background-color: #555;
color: #fff;
border: 0;*/
background-color: white;
color: #333;
border: 1px solid #EAEAEA;
font-size: 13px;
padding: 6px 6px;
line-height: 18px;
vertical-align: bottom;
height: 25px;
width: 25px;
cursor: pointer;
}
.container_carrito .nunumber {
height: 25px;;
padding: 0;
margin: 0;
line-height: 24px;
text-align: center;
width: 60px;
border: none;
background-color: #F0F0F0;
}
.container_carrito .btnadd {
/*background-color: #ec0000;
color: #fff;
border: 0;*/
background-color: white;
color: #333;
border: 1px solid #EAEAEA;
height: 25px;
width: 25px;
font-size: 13px;
padding: 0 25px;
vertical-align: bottom;
cursor:pointer;
}
.container_carrito .imagen_prod {
height: 160px;
padding: 20px;
}
.container_carrito .imagen_prod .img_producto {
/*height: 120px;*/
width: 120px;
margin: auto;
}
.container_carrito .imagen_prod .insignia {
position: absolute;
width: 40px;
left: 21px;
bottom: 15px;
}
@media screen and (max-width: 991px) {
.container_carrito .imagen_prod .insignia {
position: absolute;
width: 40px;
left: 4px;
bottom: 50px;
}
}
.container_carrito .precio {
margin: 0;
color: #000000;
font-size: 15px;
font-weight: bold;
}
.container_carrito .btn_eliminar {
font-size: 30px;
color: #BFBFBF;
}
.container_carrito .precio_subtotal_carrito {
margin: 0;
color: #333;
font-size: 15px;
font-weight: bold;
}
.container_carrito .precio_total_carrito {
margin: 0;
color: #ec0000;
font-size: 16px;
font-weight: bold;
}
.container_carrito .fila_final {
margin:15px 0px;
text-align: center;
}
.fila_final {
margin-top: 15px;
}
.fila_final .btn {
width: 100%;
height: 40px;
text-transform: uppercase;
}
@media (max-width: 991px) {
.fila_final .div_seguir_comprando {
clear: both;
}
}
.container_carrito .fila_final .targets {
height: 40px;
line-height: 40px;
}
.container_carrito .container_cupon_carrito {
padding-top: 20px;
border-right: 1px solid #EAEAEA;
}
.container_carrito .container_totales_carrito {
border-left: 1px solid #EAEAEA;
margin-left: -1px;
}
.container_carrito .container_cupon_carrito #btn_aplicar_cupon{
width: 100%;
height: 40px;
}
@media screen and (max-width: 991px) {
.container_carrito .container_cupon_carrito {
padding-top: 0px;
border-right: none;
}
.container_carrito .container_totales_carrito {
border-left: none;
}
#cont_target_ini>div {
display: flex;
}
#cont_target_ini #target_ini {
line-height: initial;
}
#cont_target_ini .target_fin {
line-height: initial;
margin-left: 2px;
}
}
.container_carrito .row_cupon .cod{
text-transform: uppercase;
}
.warning_cupon>div {
clear: both;
}
.warning_cupon .div_cupon_saldo {
border-top: 1px solid;
margin-top: 5px;
padding-top: 8px;
}
.warning_cupon .div_cupon_saldo .texto {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
}
.warning_cupon .div_cupon_saldo .contenedor_saldo {
text-align: center;
font-weight: bold;
font-size: 20px;
background: #DDDDDD;
border-radius: 4px;
}
.warning_cupon .div_cupon_saldo .masinfo {
font-size: 11px;
font-style: italic;
cursor: pointer;
text-align: center;
color: #5f5f5f;
position: relative;
}
.warning_cupon .div_cupon_saldo .masinfo_ {
font-size: 12px;
background: #dddddd;
border-radius: 5px;
position: absolute;
padding: 10px;
z-index: 20;
top: 20px;
}
.warning_cupon .texto_explicativo {
color: #666666;
font-style: italic;
margin-top: 10px;
font-size: 11px;
}
.warning_cupon .info_descuento_cupon {
color: #A1A1A1
}
.loading{
text-align: center;
margin: 60px auto;
display: table;
}
.loading .marco{
width: 250px;
margin: 0 auto;
border: solid 1px #c2c2c2;
padding: 10px;
font-size: 14px;
border-radius: 4px;
}
.loading #btnCancelar{
cursor: pointer;
}
.loading img{
width: 64px;
height: 64px;
}
.loading .texto {
color: #000000;
font-size: 20px;
font-weight: bold;
float: right;
margin-right: 26px;
margin-top: 8px;
}
@media screen and (min-width: 992px) {
.container_carrito .fila_final .targets {
text-align: right;
}
.container_carrito .fila_final .targets {
/*background: #DDD;*/
}
}
@media screen and (max-width: 991px) {
.container_carrito .fila_final .targets {
text-align: center;
}
.container_carrito .fila_final .targets>div {
/*background: #DDD;*/
}
}
.container_carrito .container_controles {
padding-top: 52px;
}
.container_carrito .imgbola {
position: absolute;
bottom: 10px;
left: 10px;
}
.container_carrito .imgbola img {
width: 45px;
height: 45px;
}
.container_carrito .imgbola .texto_precio_oferta_peq {
font-family: BebasNeue;
font-size: 14px;
color: #000000;
position: absolute;
bottom: 11px;
left: 10px;
}
@media screen and (max-width: 991px) {
.container_carrito .encabezado div {
color: #333;
/* font-size: 12px; */
height: 25px;
border-right: 1px solid #EAEAEA;
padding-top: 3px;
text-align: center;
}
.container_carrito .producto {
margin:10px 0px;
border-bottom: none;
}
.container_carrito .container_controles {
padding-top: 23px;
}
.container_carrito .pie {
padding: 10px;
}
.container_carrito .precio {
font-size: 18px;
}
.container_carrito .precio_subtotal_carrito {
font-size: 18px;
}
.container_carrito .precio_total_carrito {
margin: 0;
color: #ec0000;
font-size: 18px;
font-weight: bold;
}
.container_carrito .btnminus {
font-size: 13px;
height: 30px;
width: 30px;
}
.container_carrito .nunumber {
height: 30px;
line-height: 24px;
width: 30px;
}
.container_carrito .btnadd {
height: 30px;
width: 30px;
font-size: 13px;
}
.container_carrito .fila_final>div {
margin-top: 10px;
}
.container_carrito .fila_final .btn {
width: 100%;
}
}
@media screen and (max-width:450px) {
.container_carrito .btnminus {
font-size: 12px;
height: 22px;
width: 22px;
padding-top: 3px;
font-size: 8px;
height: 24px;
width: 24px;
padding-top: 4px;
}
.container_carrito .nunumber {
height: 22px;
line-height: 18px;
width: 22px;
height: 24px;
line-height: 19px;
width: 24px;
}
.container_carrito .btnadd {
height: 22px;
width: 22px;
font-size: 12px;
height: 24px;
width: 24px;
font-size: 8px;
}
}
@media screen and (max-width:400px) {
.container_carrito .btnminus {
font-size: 12px;
height: 22px;
width: 22px;
padding-top: 3px;
font-size: 8px;
height: 24px;
width: 24px;
padding-top: 4px;
}
.container_carrito .nunumber {
height: 22px;
line-height: 18px;
width: 22px;
height: 24px;
line-height: 19px;
width: 24px;
}
.container_carrito .btnadd {
height: 22px;
width: 22px;
font-size: 12px;
height: 24px;
width: 24px;
font-size: 8px;
}
}
.container_carrito .producto .col_eliminar {
padding-top: 51px;
}
.container_carrito .producto.sinimagen .col_eliminar {
padding-top: 0px;
}
.container_carrito .producto .col_precio {
padding-top: 55px;
}
.container_carrito .producto.sinimagen .col_precio {
padding-top: 12px;
}
@media screen and (max-width: 991px) {
.container_carrito .producto .col_precio {
padding-top: 65px;
}
.container_carrito .producto.sinimagen .col_precio {
padding-top: 40px;
}
}
/* CARRITO - FIN */
.pasos_pago {
text-align: center;
margin-top: 50px;
padding: 0;
}
.pasos_pago>div {
text-align: center;
}
.pasos_pago .paso {
background: #E9E9E9;
color: #000000;
/* float: left; */
display: inline-block;
padding: 4px 0px;
}
.pasos_pago .paso.activo {
background: #ec0000;
color: white;
}
.botones_navegacion {
margin-top: 20px;
}
.botones_navegacion button {
width: 100%;
height: 40px;
}
/* ACCOUNT */
.container_seccion .info_pedido {
font-size: 13px;
}
/*
.timeline {
white-space:nowrap;
padding: 30px 0 10px 0;
position:relative;
}
.timeline .entry {
display:inline-block;
vertical-align:top;
background:#ec0000;
color:#fff;
padding:10px;
font-size:12px;
text-align:center;
position:relative;
border-top:4px solid #000000;
border-radius:3px;
width:150px;
}
.timeline .entry img {
background: white;
border-radius: 50%;
position: absolute;
top: -40px;
left: 59px;
z-index: 10;
}
.timeline .entry:after {
content:'';
display:block;
width:7px;
height:7px;
border-radius:6px;
border:6px solid #000000;
position:absolute;
left:50%;
top:-30px;
margin-left:-6px;
}
.timeline .entry:before {
content:'';
display:block;
background:#000000;
width:5px;
height:20px;
position:absolute;
left:50%;
top:-20px;
margin-left:-2px;
}
.timeline .entry h1 {
color:#fff;
font-size:18px;
font-family:Georgia, serif;
font-weight:bold;
margin-bottom:10px;
}
.timeline .entry h2 {
letter-spacing:.2em;
margin-bottom:10px;
font-size:14px;
}
.mitimeline {
margin-top: 25px;
}
.mitimeline .bar {
height:4px;
background:#eee;
position:relative;
top:13px;
left:0;
}*/
/***** CHECKOUT BREADCRUMBS INI *****/
.breadcrumb_checkout.escritorio>div {
width: 800px;
margin: auto;
padding-top: 50px;
}
.breadcrumb_checkout.escritorio .bar {
height: 1px;
background: #E9E9E9;
margin-bottom: 22px;
width: 800px;
}
.breadcrumb_checkout.escritorio .crumbs {
white-space: nowrap;
padding: 0px 0 10px 0;
position: relative;
}
.breadcrumb_checkout.escritorio .crumbs .entry {
display: inline-block;
vertical-align: top;
color: #333;
padding: 10px;
font-size: 12px;
text-align: center;
position: relative;
width: 200px;
}
.breadcrumb_checkout.escritorio .crumbs .entry p {
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
margin-top: -15px;
}
.breadcrumb_checkout.escritorio .crumbs .entry.pasado p {
color: #333333;
}
.breadcrumb_checkout.escritorio .crumbs .entry.presente p {
color: #ec0000;
}
.breadcrumb_checkout.escritorio .crumbs .entry.futuro p {
color: #A1A1A1;
}
.breadcrumb_checkout.escritorio .crumbs .entry .punto {
border-radius: 50%;
position: absolute;
width: 20px;
height: 20px;
top: -33px;
left: 90px;
z-index: 10;
}
.breadcrumb_checkout.escritorio .crumbs .entry.pasado .punto {
background: #333333;
box-shadow: 0 0 0px 5px rgba(51, 51, 51, 0.3);
}
.breadcrumb_checkout.escritorio .crumbs .entry.presente .punto {
background: #ec0000;
box-shadow: 0 0 0px 5px rgba(255, 87, 34, 0.3);
}
.breadcrumb_checkout.escritorio .crumbs .entry.futuro .punto {
background: #A1A1A1;
box-shadow: 0 0 0px 5px rgba(161, 161, 161, 0.3);
}
.breadcrumb_checkout2 {
margin-top: 15px;
}
.breadcrumb_checkout2 .crumbs {
font-size: 15px;
}
.breadcrumb_checkout2 .entry {
float: left;
}
.breadcrumb_checkout2 .separador {
float: left;
margin: 0px 20px;
}
.breadcrumb_checkout2 .entry.presente {
color: #ec0000;
}
.breadcrumb_checkout2 .entry.futuro {
color: #A1A1A1;
}
/***** CHECKOUT BREADCRUMBS FIN *****/
.container_seccion .etiqueta {
text-align: left;
padding-top: 8px;
}
.container_seccion input, .container_seccion select {
background: #000000;
}
.container_direcciones>div {
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 15px;
}
.container_direcciones>div:last-of-type {
border-bottom: none;
}
.container_direcciones button {
margin-top: 5px;
width: 100%;
}
section.formulario {
display: none;
}
/* ACCOUNT - FIN */
/* INDEX BLOG */
@media screen and (min-width:991px) {
.container_blog>div {
border-right: 1px solid #DCDCDC;
}
.container_blog>div:last-of-type {
border-right: none;
}
}
@media screen and (max-width:991px) {
.container_blog>div {
border-bottom: 1px solid #DCDCDC;
}
.container_blog>div:last-of-type {
border-bottom: none;
}
}
.container_blog h4 {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
.container_blog p {
text-align: justify;
font-size: 12px;
margin-top: 10px;
}
.container_blog h6 {
color: #888;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
.parrafo4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; /* number of lines to show */
line-height: 1.5em;
max-height: 6em;
}
/* INDEX BLOG - FIN */
/* INDEX SLIDER - INI */
.slick-banners {
margin-bottom: 0px !important;
}
.slick-banners .slick-arrow{
display: block;
position: absolute;
top: 50%;
height: 20px;
width: 20px;
font-size: 35px;
color: #333;
text-shadow: 0 0 3px #FFFFFF, 0 0 5px #FFFFFF;
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
/*background-color: aquamarine;*/
width: 70px;
text-align: center;
height: 70px;
padding-top: 18px;
}
.slick-banners .slick-arrow.fa-chevron-left {
left: 15px;
}
.slick-banners .slick-arrow.fa-chevron-right {
right: 15px;
}
.slick-banners .slick-dots {
bottom: 5px;
}
.slick-dots li button {
text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF;
}
.slick-banners .slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
}
/* INDEX SLIDER - FIN */
.mailO_black{
position: fixed;
z-index: 100000000;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
}
.mailO_content{
width: 700px;
max-width: 100%;
background: #fff;
margin: 0 auto;
margin-top: 50px;
box-shadow: 0px 0px 10px #000;
text-align: left;
font-family: arial;
}
.mailO_header {
height: 40px;
background: #f5f5f5;
border-bottom: 1px solid #ccc;
padding: 5px 15px;
box-sizing: border-box;
font-size: 22px;
color: #666;
line-height: 30px;
}
.mailO_close {
float: right;
height: 40px;
margin: -5px;
margin-right: -15px;
width: 40px;
text-align: center;
font-size: 30px;
line-height: 40px;
color: #666;
cursor: pointer;
border-left: 1px solid #ccc;
}
.mailO_close:hover{
background:#666;
color:#fff;
}
.mailO_row {
padding: 15px;
border-bottom: 1px solid #ccc;
overflow:hidden;
}
.mailO_input {
margin-left: 15px;
outline: 0;
font-size: 14px;
color: #444;
width: 560px;
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
height: 20px;
border:0;
}
.mailO_row:last-child{
border: 0;
}
.mailO_mintext {
float: left;
width: 55px;
color: #777;
font-size: 17px;
}
.mailO_shadow{
box-shadow: inset 0px 2px 3px -2px #ccc;
}
.mailO_shadow_2{
box-shadow: inset 0px 0px 3px #ccc;
}
#mailO_alerts{
display:none;
}
.mailO_textarea{
outline: 0;
border: 0;
color: #555;
font-size: 14px;
width: 100%;
}
.mailO_button {
float: right;
padding: 7px 20px;
border: 0;
background: #ec0000;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.mailO_div_loading {
float: right;
font-size: 13px;
line-height: 30px;
display:none;
}
.mailO_div_loading img{
height: 30px;
float: right;
}
.g-recaptcha{
float:right;
}
/*.alert {
padding: 5px;
margin-bottom: 5px;
}
.alert:last-child{
margin-bottom:0;
}
.alert-danger{
background-color:#FEBCC1;
color:#800003;
border:1px solid #800003;
}
.alert-success{
background-color:#D2FFD2;
color:#006C36;
border:1px solid #006C36;
}*/
/* POPUPS */
.avisame-popup {
position: relative;
background: #FFF;
padding: 25px;
/*width:auto;*/
width: 800px;
max-width: 100%;
margin: 0 auto;
}
.avisame-popup .contenido input {
background: #E9E9E9;
margin-bottom: 10px;
}
.avisame-popup .contenido button {
width: 100%;
height: 40px;
}
.avisame-popup .contenido h5 {
text-align: center;
}
.carrito-popup {
position: relative;
background: rgba(0,0,0,0.5);
padding: 25px;
border-radius: 10px;
/* width: auto; */
width: 450px;
max-width: 100%;
margin: 0 auto;
}
/*.carrito-popup .contenido {
padding: 10px;
margin: 10px;
border-radius: 10px;
}*/
.carrito-popup .contenido .row {
text-align: center;
}
.carrito-popup .contenido button {
width: 100%;
height: 40px;
}
.carrito-popup .contenido .header {
color: white;
}
.carrito-popup .contenido .num_prods {
color: white;
text-align: center;
margin: auto;
display: block;
font-size: 14px;
}
.carrito-popup .contenido .footer>div {
margin: 5px 0px;
}
.carrito-popup .mfp-close {
color: white;
}
.carrito-popup .regalos {
color: white;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
}
.carrito-popup .regalos .conseguido b {
color: #ec0000;
}
.carrito-popup .regalos .objetivo {
border-top: 1px solid white;
margin-top: 10px;
padding-top: 10px;
}
.carrito-popup .regalos .objetivo b {
color: #f32727;
}
.carrito-popup .hover_popup {
cursor: pointer;
}
/*#popup_thumb {
position: absolute;
background: white;
z-index: 1000;
padding: 5px;
}*/
#popup_thumb {
position: absolute;
background: white;
z-index: 100000;
padding: 5px;
}
#popup_thumb .mimagen {
margin: 10px auto;
display: block;
}
@media (max-width: 800px) {
/* TODO ajustar popup */
#popup_thumb {
width: 90%;
top: 0px;
}
#popup_thumb .mimagen {
width: 100%;
}
}
@media (min-width: 801px) {
/* TODO ajustar popup */
#popup_thumb {
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -400px;
width: 800px;
}
#popup_thumb .mimagen {
width: 400px;
}
}
#popup_thumb .micerrar {
position: absolute;
color: #7e7e7e;
right: 0px;
top: 0px;
margin-right: 10px;
font-size: 30px;
cursor: pointer;
}
#popup_thumb .descripcion {
height: 290px;
overflow-y: scroll;
padding: 0px 30px;
}
.info_producto_modal{
background-color: #FFF;
padding-top: 20px;
max-width: 1000px;
}
.muestras-popup {
position: relative;
background: #FFF;
padding: 25px;
/* width: auto; */
width: 1000px;
max-width: 100%;
margin: 0 auto;
max-height: 800px;
overflow-y: scroll;
}
.muestras-popup h3 {
font-weight: 100;
padding-top: 10px;
margin-top: 10px;
font-weight: 500;
margin-bottom: 10px;
text-align: center;
}
.muestras-popup .footer>div {
text-align: center;
padding: 10px 0px;
}
.muestras-popup .footer button {
width: 150px;
height: 35px;
}
.muestras-popup h5 {
color: #ec0000;
font-weight: bold;
}
.muestras-popup select {
margin: 5px 0px;
background: #000000;
color: white;
-webkit-appearance: initial;
}
.muestras-popup .btn_buscar {
width: 100%;
height: 40px;
}
.muestras-popup i.flecha {
color: white;
position: absolute;
right: 28px;
top: 48px;
pointer-events:none;
}
.muestras-popup .muestra {
/*height: 350px;*/
}
.muestras-popup .products_name {
font-weight: bold;
margin: 5px;
color:#ec0000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.muestras-popup .cantidad {
text-transform: uppercase;
font-size: 11px;
margin-bottom: 0;
margin-top: 10px;
}
.muestras-popup .btnminus {
background-color: #555;
color: #fff;
font-size: 13px;
padding: 6px 6px;
line-height: 18px;
border: 0;
vertical-align: bottom;
height: 25px;
width: 25px;
cursor: pointer;
}
.muestras-popup .nunumber {
height: 25px;;
padding: 0;
margin: 0;
line-height: 24px;
text-align: center;
width: 60px;
border: none;
background-color: #F0F0F0;
}
.muestras-popup .btnadd {
height: 25px;
font-size: 13px;
padding: 0 25px;
border: 0;
background-color: #ec0000;
color: #fff;
vertical-align: bottom;
cursor:pointer;
padding: 0px 6px;
font-weight: bold;
}
.regalos-popup {
position: relative;
background: #FFF;
padding: 25px;
/* width: auto; */
width: 800px;
max-width: 100%;
margin: 0 auto;
max-height: 600px;
overflow-y: scroll;
}
.regalos-popup .linea-regalos {
border-bottom: 1px solid #EAEAEA;
}
.regalos-popup .linea-regalos.noborder {
border-bottom: none !important;
}
.regalos-popup .img-container {
padding: 20px;
}
.regalos-popup .desc-container .cab {
text-align: center;
color: #ec0000;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-top: 60px;
}
@media (max-width : 991px) {
.regalos-popup .desc-container .cab {
margin-top: 0px;
}
}
.regalos-popup .desc-container .btnregalo_ {
font-weight: bold;
font-size: 18px;
float: left;
color: #666666;
text-align: center;
width: 100%;
}
.regalos-popup .desc-container .btnregalo_1 {
font-weight: bold;
font-size: 18px;
float: left;
color: #ec0000;
text-align: center;
width: 100%;
}
.regalos-popup .desc-container .btn_ver {
margin: 10px auto;
text-align: center;
display: block;
}
.regalos-popup .desc-container .no_acumulable {
font-style: italic;
text-align: center;
display: block;
font-size: 12px;
}
.regalos-popup .cupon {
/*font-weight: bold;
border: 2px dashed;
padding: 1px 8px;
background-color: #f1f1f1;
border-radius: 8px;
display: inline-block;
color: #333;*/
/* display: block; */
font-weight: bold;
border: 2px dashed;
padding: 1px 8px;
background-color: #f1f1f1;
border-radius: 8px;
/* display: block; */
color: #333;
margin: 0 auto;
width: 220px;
/* text-align: center; */
}
/*******************************/
.cargando {
text-align: center;
display:table;
margin: auto;
}
.cargando i {
color: #ec0000;
}
.cargando span {
color: #000000;
font-size: 18px;
font-weight: bold;
display:table-cell;
vertical-align:middle;
}
.cargando_bgr {
background: #0b0b0b;
opacity: 0.8;
height: 100%;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000000;
cursor: wait;
}
/* CUPONES / PROMOCIONES */
.container_promociones .col-md-6 {
padding: 6px;
}
.container_promociones .col-md-8 {
padding: 0px;
}
.container_promociones .cupon {
/*margin: 15px 0px;*/
height: 150px;
background: #F0F0F0;
padding: 4px;
}
.container_promociones .cupon .gris {
/*float: left;
width: 70%;*/
}
.container_promociones .cupon .fecha {
color: #00AE00;
float: right;
text-transform: uppercase;
margin-right: 5px;
font-size: 10px;
}
.container_promociones .cupon .gris h5 {
color: #000000;
clear: both;
margin-left: 5px;
font-size: 12px;
}
.container_promociones .cupon .gris .codigo {
color: #000000;
font-size: 24px;
background: #DCDCDC;
text-transform: uppercase;
margin: 10px;
border-radius: 5px;
padding-left: 5px;
}
.container_promociones .cupon .naranja {
background: #ec0000;
color: white;
/*float: left;
width: 30%;*/
height: 100%;
text-align: center;
font-weight: bold;
border: 1px dashed white;
}
.container_promociones .cupon .naranja .cantidad {
font-size: 53px;
}
.container_promociones .cupon .naranja .cantidad span {
font-size: 40px;
}
.container_promociones .cupon .naranja .texto_peq {
font-size: 11px;
margin: 2px 0px;
}
/*
====== Zoom effect ======
*/
.mfp-zoom-in {
/* start state */
.mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
&.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
/* animate in */
&.mfp-ready {
.mfp-with-anim {
opacity: 1;
transform: scale(1);
}
&.mfp-bg {
opacity: 0.8;
}
}
/* animate out */
&.mfp-removing {
.mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
&.mfp-bg {
opacity: 0;
}
}
}
/* OPINIONES */
.container_opiniones .opi_row {
background-color: #F0F0F0;
margin: 5px 0px;
margin: 10px 0px;
padding: 10px 0px;
}
.container_opiniones .opi_rowbad {
background-color: #FD9491;
}
.container_opiniones .opi_name {
color: #ec0000;
font-weight: bold;
font-size: 15px;
}
.container_opiniones .opi_fecha {
color: #888;
font-size: 11px;
}
.container_opiniones .opi_nota {
font-size: 14px;
color: #000000;
float: right;
}
.container_opiniones .opi_nota b {
color: #ec0000;
}
.container_opiniones .opi_men {
color: #000000;
padding: 10px;
}
.container_opiniones .opi_men>div {
background: #DCDCDC;
padding: 5px;
width: 100%;
}
.container_opiniones .opi_rowbad .opi_men>div {
background-color: #D84B4B;
}
.container_opiniones .opi_admin span {
color: white;
padding: 2px 8px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
border-radius: 6px;
}
.container_opiniones .opi_desactivar {
background: #ec0000;
cursor: pointer;
}
.container_opiniones .opi_activar {
background: #c12e2a;
cursor: pointer;
}
.container_opiniones .opi_dato {
background: #9E9E9E;
}
/* FIN - OPINIONES */
/* BARRA FILTROS SHOP V2 */
.barra_filtros_movil {
position: fixed;
width: 100%;
z-index: 500;
bottom: 0;
}
.barra_filtros_movil h5 {
color: #ec0000;
font-weight: bold;
margin: 5px;
}
.barra_filtros_movil select {
margin: 5px 0px;
background: #000000;
color: white;
-webkit-appearance: initial;
height: 40px;
font-size: 12px;
font-family: 'Font Awesome', Arial;
}
.barra_filtros_movil i.flecha {
color: white;
position: absolute;
right: 28px;
top: 20px;
pointer-events:none;
}
/*.container_resultados {
position: fixed;
}*/
#mostrar_ocultar_filtros {
text-align: center;
font-size: 15px;
color: #000000;
height: 50px;
line-height: 50px;
}
.barra_filtros_movil .container_filtros {
display: none;
}
.barra_filtros_movil .buscador_avanzado {
text-align: center;
margin: 6px auto;
display: block;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
color: #ec0000;
}
.barra_filtros_desktop h5 {
/*color: #e80e8a;*/
color: black;
font-weight: bold;
border-bottom: 1px solid #EAEAEA;
padding: 10px 0px 5px;
}
.barra_filtros_desktop .div_selector {
cursor: pointer;
}
.barra_filtros_desktop .div_selector:hover {
color: #ec0000;
}
.barra_filtros_desktop .div_selector.activo {
font-weight: bold;
color: #ec0000;
}
.barra_filtros_desktop .container_subsubfamilia_selector.invisible {
display:none;
}
.barra_filtros_desktop .abrir_cerrar_subsubfamilias {
cursor:pointer;
}
.barra_filtros_desktop .subsubfamilia_selector {
margin-left: 18px;
color: #363636;
cursor: pointer;
}
.barra_filtros_desktop .subsubfamilia_selector.activo {
font-weight: bold;
color: #ec0000;
}
.barra_filtros_desktop .select_subsubfamilia {
cursor:pointer;
}
.barra_filtros_desktop .collapse_marcas {
overflow-y: scroll;
/*height: 400px;*/
height: 500px;
/*width: 80%;*/
min-width: 220px;
/*border-top: 1px solid #EAEAEA;*/
padding-left: 2px;
font-size: 16px;
}
.barra_filtros_desktop .container_selector_orden_marcas {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 5px;
padding-bottom: 5px;
}
.barra_filtros_desktop .letra_cabecera {
color: #333;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid #EAEAEA;
margin-left: 15px;
margin-top: 10px;
}
.barra_filtros_desktop .letra_cabecera.letra_cabecera_seleccionada {
color: #ec0000;
}
@media (min-width: 992px) and (max-width : 1199px) {
.barra_filtros_desktop .collapse_marcas {
width: 87%;
}
}
.producto_lista .imggenero {
margin: 3px;
}
.barra_filtros_desktop #slider {
width: 65%;
min-width: 220px;
color: #ec0000;
margin-top: 10px;
margin-right: 15px;
float: left;
}
.barra_filtros_desktop #slider .noUi-marker-horizontal.noUi-marker-large {
height: 10px;
}
.barra_filtros_desktop #slider .noUi-connect {
background-color: #ec0000;
}
.barra_filtros_desktop .btn_rango_precios {
width: 40px;
height: 40px;
margin-left: 10px;
}
.barra_filtros_desktop .contenedor_select {
/*width: 80%;*/
}
@media screen and (max-width:991px) {
.breadcrumb_new {
/*margin-top: 30px;*/
margin-right: 0;
margin-left: 0;
}
.container_breadcrumb {
width: 100%;
padding: 0;
}
}
/* FIN - BARRA FILTROS SHOP V2 */
#slider .noUi-connect {
background-color: #ec0000;
}
.mini_seccion {
padding: 10px;
}
.mini_seccion>div {
/*background: #F0F0F0;*/
padding: 10px;
border-radius: 3px;
/*background: #DCDCDC;*/
}
.mini_seccion .titulo {
color: #ec0000;
font-size: 14px;
border: none !important;
font-weight: bold;
}
/** GLOBAL */
.color_primario{
background-color: #ec0000;
}
.texto_primario {
color:#ec0000;
}
.texto_primario_important {
color:#ec0000!important;
}
.texto_principal {
color:#333;
}
.borde_color_separador {
border-color:#EAEAEA !important;
}
.borde_talla_separador {
border-color:#EAEAEA !important;
}
.fondo_color_separador {
background-color:#EAEAEA !important;
}
.color_primario_oscuro{
background-color: #cc0000;
}
.color_primario_claro{
background-color: #ff0000;
}
.color_secundario{
background-color: #000000;
}
.texto_secundario{
color:#000000;
}
.texto_success {
color:#ec0000 !important;
}
.color_secundario_oscuro{
background-color: #;
}
.color_secundario_claro{
background-color: #F0F0F0;
border-radius: 4px;
}
.color_secundario_alternativo{
background-color: #000000;
}
.puntero_link{
cursor: pointer;
}
.col-test{
background-color: #D2D2D2;
border-radius: 5px;
}
.texto_centrado{
text-align: center;
}
.pixel_fin{
margin-bottom: 1px;
}
.padding_foto_izquierda{
padding-left: 0px;
padding-right: 1px;
}
.padding_foto_derecha{
padding-right: 0px;
padding-left: 1px;
}
.forzar_100_x_100{
width: 100%;
}
.mayusculas{
text-transform: uppercase;
}
.negrita{
font-weight: bold;
}
.padding_top_bottom_10{
padding-bottom: 10px;
padding-top: 10px;
}
.margin_top_bottom_boton_anyadir_info{
padding-bottom: 14px;
padding-top: 6px;
}
.padding_all_10{
padding-bottom: 10px;
padding-top: 10px;
padding-right: 10px;
padding-left:10px;
}
.separador_con_fondo{
height: 1px;
background-color: #A1A1A1;
padding-bottom: 1px;
}
.separador_sin_fondo{
padding-bottom: 1px;
}
.img_centrada img{
float:none;
margin:0 auto
}
.dos_lineas_texto{
height:36px;
}
.alerta-warn {
padding: 10px;
background: antiquewhite;
color: brown;
font-size: 12px;
margin-bottom: 10px
}
.sombra{
-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.75);
}
.contra_row{
margin-left: 0px;
margin-right: 0px;
}
.raton_sobre:hover{
background-color: #DDD;
}
.seleccionado{
background-color: #DDD;
}
.margin_row_metodos_envio{
margin-top: 4px;
margin-bottom: 4px;
}
.padding_celdas_metodos_envio{
padding-left: 4px;
padding-right: 4px;
}
.celdaheader_metodos_envio {
font-weight: bold;
color: #A1A1A1;
display: table-cell;
vertical-align: middle;
padding: 20px;
}
.activo_precios:hover{
background-color: #78cc6a;
color: #FFFFFF;
cursor: pointer;
}
.seleccionado_metodo_envio{
background-color: #4A9C3D!important;
color: #FFFFFF!important;
cursor: pointer;
}
.seleccionado_horario_envio{
background-color: #4A9C3D!important;
color: #FFFFFF!important;
cursor: pointer;
}
.celda_metodo_pago{
margin-bottom: 10px;
/*background-color: #DCDCDC;*/
color: #000;
cursor: pointer;
border-radius: 6px;
padding: 10px;
}
@media only screen and (min-width : 992px) {
.celda_metodo_pago:hover{
background-color: #78cc6a;
color: #FFFFFF;
}
}
.celda_metodo_seleccionado{
/*background-color: #4A9C3D!important;*/
color: #69BD5A !important;
}
.plus_boton_anyadir{
font-size: 18px!important;
}
.parrafo2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.5em;
max-height: 6em;
}
@media only screen and (min-width : 992px) {
.padding_foto_izquierda_solo_web{
padding-left: 0px;
padding-right: 1px;
}
.padding_foto_derecha_solo_web{
padding-right: 0px;
padding-left: 1px;
}
.footer_fondo{
margin-top: 26px;
border-top: 5px;
background-color: #000000;
border-top-style: solid;
border-top-color: #EAEAEA;
}
.footer_texto_titulos{
font-size: 14px;
font-weight: bold;
}
.footer_texto_normal{
font-size: 12px;
}
.copyright{
text-align: center;
padding-bottom: 10px;
padding-top: 20px;
}
/** FOOTER */
.input_footer_registro_mail{
padding-left: 10px;
font-size: 14px;
border: none;
background-color: #E8E8E8;
border-radius: 4px;
height: 40px;
width: 220px;
}
ul.social-network {
list-style: none;
display: inline;
margin-left:0 !important;
padding: 0;
}
ul.social-network li {
display: inline;
margin: 0 5px;
}
/*.social-network a.icoRss:hover {
background-color: #F56505;
}*/
.social-network a.icoBlog:hover{
background-color: #ec0000;
}
.social-network a.icoFacebook:hover {
background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
background-color:#55ACEE;
}
/*.social-network a.icoGoogle:hover {
background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
background-color:#007bb7;
}*/
.social-network a.icoRss:hover i, .social-network a.icoBlog:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
color:#fff;
}
.social-circle a.socialIcon:hover, .socialHoverClass {
color:#44BCDD;
}
.social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 0 auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
width: 43px;
height: 43px;
font-size:20px;
}
.social-circle li i {
margin:0;
line-height:45px;
text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.social-circle i {
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.social-circle a {
background-color: #000000;
}
}
@media screen and (max-width: 991px) {
.padding_foto_izquierda_solo_web{
padding-left: 0px;
padding-right: 0px;
}
.padding_foto_derecha_solo_web{
padding-right: 0px;
padding-left: 0px;
}
.sin_padding_lateral_movil{
padding-right: 0px;
padding-left: 0px;
padding-top: 14px;
padding-bottom: 14px;
}
}
/** ####################################### */
/** RELOJ */
.hora_reloj{
color: #FFF;
text-align: center;
font-size: 54px;
}
.subhora_reloj{
color: #FFF;
text-align: center;
font-size: 10px;
margin-bottom: 12px;
}
.subhora_especial_reloj{
color: #FFF;
text-align: center;
font-size: 14px;
margin-top: 12px;
margin-bottom: 12px;
}
.separador_reloj{
font-size: 30px;
border-right: 1px;
border-right-style: solid;
padding-top: 12px;
margin-right: 12px;
}
@media only screen and (min-width : 992px) {
.fondo_reloj{
background-color: #333;
}
.titulo_reloj{
text-align: center;
color:#FFF;
font-size: 26px;
}
.subtitulo_reloj{
text-align: center;
color:#FFF;
font-size: 18px;
}
}
@media screen and (max-width: 991px) {
.fondo_reloj{
background-color: #FFF;
}
.titulo_reloj{
text-align: center;
color:#333;
font-size: 16px;
}
.subtitulo_reloj{
text-align: center;
color:#333;
font-size: 12px;
}
.hora_reloj{
font-size: 26px;
}
.separador_reloj {
font-size: 10px;
}
.hora_reloj{
color: #333 }
.subhora_reloj{
color: #333;
}
.subhora_especial_reloj{
color: #333;
}
}
/** ####################################### */
/** PRODUCTOS NUEVOS INDEX */
.marca_productos_nuevos{
font-size: 14px;
color: #ec0000;
font-weight: bold;
}
.marca_productos_nuevos_info{
font-size: 20px;
color: #ec0000;
font-weight: bold;
}
.nombre_productos_nuevos{
font-size: 12px;
color: #000000;
}
.nombre_productos_nuevos_info{
font-size: 20px;
color: #000000;
}
.precio_tachado_productos_nuevos{
font-size: 12px;
text-decoration: line-through;
}
.precio_tachado_productos_info{
font-size: 20px;
text-decoration: line-through;
}
.precio_habitual_productos_nuevos{
font-size: 12px;
}
.precio_bueno_productos_nuevos{
font-size: 14px;
color: #ec0000;
font-weight: bold;
}
.precio_bueno_productos_info{
font-size: 20px;
color: #ec0000;
font-weight: bold;
}
.precio_vip_bueno_productos_info{
font-size: 24px;
color: #ec0000;
font-weight: bold;
}
/********** INDEX **********/
.carrusel-marcas div.slick-slide {
padding: 10px 20px;
}
.carrusel-menu {
border-bottom: 1px solid #EAEAEA;
border-top: 1px solid #EAEAEA;
}
.carrusel-menu div.slick-slide {
padding: 16px 14px;
border-right: 1px solid #EAEAEA;
text-transform: uppercase;
font-weight: bold;
}
#nuevos_productos .titulo, #vuestras_opiniones .titulo, #nuestras_marcas .titulo {
text-align: center;
font-size: 24px;
font-weight:bold;
}
font-size: 2em;
padding-bottom: 10px;
}
#vuestras_opiniones .titulo, #nuestras_marcas .titulo {
margin-top: 50px;
margin-bottom: 30px;}
#nuevos_productos .titulo {
margin-top: 100px;
margin-bottom: 30px;
}
#nuestras_marcas .titulo {
margin-top: 20px;
margin-bottom: 26px;
}
#nuevos_productos .titulo_negrita, #vuestras_opiniones .titulo_negrita, #nuestras_marcas .titulo_negrita{
font-weight: bold;
}
/** ####################################### /*
/** LOGIN Y REGISTRO */
.titulo_login_registro{
/*border-bottom: 2px;
border-bottom-style: solid;*/
margin-bottom: 14px;
font-size: 16px;
}
.mini_titulos{
margin-top: 10px;
margin-bottom: 10px;
color: #ec0000;
font-weight: bold;
}
.autofill_element{
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
}
/** ####################################### /*
/** INFO PRODUCTOS */
.info_producto_leyenda{
font-size: 10px
}
.separador_precios{
margin-top:12px;
margin-bottom: 12px;
}
.info_producto_descripcion{
font-size: 12px;
text-align: left;
margin-top: 16px;
margin-bottom: 16px;
color: #000000;
margin-left: 10px;
margin-right: 10px;
max-width: 95%;
}
.info_producto_descripcion ul{
margin-left: 18px;
}
.texto_precio_oferta{
top: 34px;
left: 26px;
position: relative;
font-size: 20px;
}
@media only screen and (min-width : 992px) {
.imgbola {
position: absolute;
left: -25%;
bottom: 32px;
}
.texto_descuento{
color: #000;
text-align: center;
position: relative;
top: 86px;
font-size: 36px;
font-family: BebasNeue;
}
}
@media screen and (max-width: 991px) {
.imgbola {
position: absolute;
left: -20%;
bottom: 0px;
}
.imgbola img{
max-width: 100px;
}
.texto_descuento{
color: #000;
text-align: center;
position: relative;
top: 72px;
font-size: 30px;
font-family: BebasNeue;
}
}
.ref{
font-size: 10px;
margin-top: 10px;
color: #A1A1A1;
}
.ver_descripcion {
margin-top: 12px;
}
/** ####################################### /*
/** CARTEL HOMBRE MUJER */
.fondo_color_accent{
background-color: #000000;
}
.borde_boton_izquierda_rosa{
border-left: 2px;
border-color: #E24999;
border-left-style: solid;
}
.borde_boton_derecha_azul{
border-right : 2px;
border-color: #02BDF2;
border-right-style: solid;
}
.color_mujer_hombre_rosa{
color:#E24999;
}
.color_mujer_hombre_azul{
color:#02BDF2;
}
.color_mujer_hombre_verde{
color:#93C940;
}
.mujer_hombre_titulo1{
text-align: center;
font-size: 24px;
}
.mujer_hombre_titulo2{
text-align: center;
font-size: 26px;
font-weight: bold;
}
.mujer_hombre_titulo3{
text-align: center;
font-weight: bold;
font-size: 12px;
}
/** ####################################### */
/** FLEXSLIDER **/
.flex-control-nav {
bottom: 20px;
z-index: 20;
}
.flex-control-paging li a {
border: 3px solid #666666;
height: 15px;
width: 15px;
background-color: white;
}
.flex-control-paging li a.flex-active {
background: #ec0000;
}
.flexslider {
margin-left: -3px;
margin-right: 3px;
margin-bottom: 5px;
}
.flex-control-paging li a:hover {
background: #ec0000;
}
.flex-prev,
.flex-next {
font-size: 0;
}
.flex-direction-nav a {
margin: -20px 9px 0;
}
.flex-control-paging li a {
border: 3px solid #666666;
}
.flexslider {
background: #fff;
position: relative;
zoom: 1;
border-radius: 0px;
border: 0px solid #fff;
margin: 0;
padding: 0;
margin-top: 1px;
}
.flexslider_products_dynamic {
background: #fff;
position: relative;
zoom: 1;
border-radius: 0px;
border: 0px solid #fff;
margin: 0;
padding: 0;
}
.flexslider_products_dynamic {
margin-left: -3px;
margin-right: 3px;
margin-bottom: 5px;
}
.flexslider_products {
background: #fff;
position: relative;
zoom: 1;
border-radius: 0px;
border: 0px solid #fff;
margin: 0;
padding: 0;
}
.flexslider_products {
margin-left: -3px;
margin-right: 3px;
margin-bottom: 5px;
}
.flexslider_products_top {
background: #fff;
position: relative;
zoom: 1;
border-radius: 0px;
border: 0px solid #fff;
margin: 0;
padding: 0;
}
.flexslider_products_top {
margin-left: -3px;
margin-right: 3px;
margin-bottom: 5px;
}
@media only screen and (min-width : 992px) {
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 4px;
text-align: center;
}
.flexslider_products .flex-control-nav{
width: 100%;
position: absolute;
bottom: 4px;
display: none;
text-align: center;
}
.flexslider_products_top .flex-control-nav{
width: 100%;
position: absolute;
bottom: 4px;
display: none;
text-align: center;
}
.flexslider_products_dynamic .flex-control-nav{
width: 100%;
position: absolute;
bottom: 4px;
display: none;
text-align: center;
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
margin-right: 13px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flex-direction-nav a.flex-prev:before {
content: '\f104';
margin-left: 14px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider:hover .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
right: 10px;
background: #ec0000;
border-radius: 50%;
}
.flexslider_products .flex-direction-nav a.flex-next:before {
content: '\f105';
margin-right: 13px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider_products .flex-direction-nav a.flex-prev:before {
content: '\f104';
margin-left: 14px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider_products:hover .flex-direction-nav .flex-next,
.flexslider_products:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
right: 10px;
background: #ec0000;
border-radius: 50%;
}
.flexslider_products:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider_products_top .flex-direction-nav a.flex-next:before {
content: '\f105';
margin-right: 13px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider_products_top .flex-direction-nav a.flex-prev:before {
content: '\f104';
margin-left: 14px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider_products_top:hover .flex-direction-nav .flex-next,
.flexslider_products_top:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
right: 10px;
background: #ec0000;
border-radius: 50%;
}
.flexslider_products_top:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider_products_dynamic .flex-direction-nav a.flex-next:before {
content: '\f105';
margin-right: 13px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider_products_dynamic .flex-direction-nav a.flex-prev:before {
content: '\f104';
margin-left: 14px;
margin-top: 2px;
color: #FFFFFF;
font-size: 25px;
}
.flexslider_products_dynamic:hover .flex-direction-nav .flex-next,
.flexslider_products_dynamic:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
right: 10px;
background: #ec0000;
border-radius: 50%;
}
.flexslider_products_dynamic:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
}
@media screen and (max-width: 991px) {
.flex-control-nav {
display: block;
width: 100%;
position: absolute;
bottom: 0px;
text-align: center;
}
.flex-direction-nav a.flex-next:before {
content: '\f105';
margin-right: 14px;
margin-top: 0px;
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
display: none;
}
.flex-direction-nav a.flex-prev:before {
content: '\f104';
margin-left: 14px;
margin-top: 0px;
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
display: none;
}
.flexslider:hover .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-prev {
display: none;
}
}
/** ####################################### */
/** ####################################### */
/** CHECKOUT_PAYMENT [DEPURAR]*/
.resul_cupon {
padding: 5px;
}
.titulo_cupones_disponibles, .titulo_cupones_alternativos {
margin-top: 10px;
margin-bottom: 4px;
font-weight: bold;
margin-left: 30px;
text-transform: uppercase;
font-style: italic;
color: #4fa254;
}
.container_cupones_disponibles {
background-color: #dcefdc;
display: table;
color: #4fa254;
border: 1px solid #4fa254;
margin: 20px;
}
.cabecera_cupones_disponibles {
margin: 10px 0px;
padding-bottom: 10px;
border-bottom: 1px solid;
}
.filas_cupones_disponibles {
/*background-color: #F0F0F0;*/
border-radius: 4px;
margin-bottom: 3px;
padding-top: 3px;
padding-bottom: 10px;
border-bottom: 1px solid;
}
.filas_cupones_disponibles:last-of-type {
border-bottom: none;
}
.container_cupones_alternativos .actual {
background-color: #dcefdc;
display: table;
color: #4fa254;
border: 1px solid #4fa254;
margin: 0px 5%;
width: 90%;
padding: 12px 0px;
}
.container_cupones_alternativos .siguiente {
background-color: #eee;
display: table;
color: #757575;
border: 1px solid #7f7f7f;
margin: 0px 5%;
width: 90%;
margin-top: -1px;
padding: 12px 0px;
}
/***************/
/***************/
/** ####################################### */
/** CHECKOUT SHIPPING [DEPURAR]*/
/******/
.list-nuevo{
padding: 0;
}
.list-nuevo .list-active{
background:#e0e1e2;
}
.list-nuevo li {
list-style: none;
margin: 0;
vertical-align: middle;
}
.list-nuevo li div{
padding: 10px;
}
.list-nuevo li:hover{
background:#e0e1e2;
}
.list-nuevo input[type="radio"] {
float: right;
margin: 0;
}
.nueva-tabla{
margin-top: 15px;
}
.nueva-tabla td{
padding:3px;
vertical-align:middle;
}
.nueva-tabla input{
padding: 5px;
margin:0;
vertical-align: middle;
}
.nueva-tabla input[type="text"]{
width: 500px;
float: right;
box-shadow: inherit !important;
}
.nueva-tabla select{
padding: 5px;
width: 500px;
border-radius: 0;
float: right;
}
.otro-gris{
font-size: 11px;
padding: 7px 0px;
float: right;
line-height: 11px;
width: 120px;
text-align: center;
}
.otro-verde{
font-size: 11px;
padding: 7px 0px;
width: 120px;
text-align: center;
float: right;
line-height: 11px;
}
input[type=radio], .fila_mensajeria, .porla_ tr, .fila_pedido, .fila_sabado {
cursor: pointer;
}
.alertaca{
/*margin: 30px 0px;*/
}
.alertaca table{
/*width: 70%;*/
margin: 0 auto;
}
.alertaca table td{
font-size: 12px;
color:#D00;
}
.alertaca img {
width: 30px;
}
/******/
.celdahorarioCubel {
background-color: #DCDCDC;
color: #A1A1A1;
/* font-size: 18px; */
font-weight: bold;
/* display: table-cell; */
border-radius: 6px;
vertical-align: middle;
/* padding: 10px; */
/* width: 33%; */
height: 80px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
}
.celdas{
background-color: #DCDCDC;
color: #000;
font-size: 18px;
font-weight: bold;
border-radius: 6px;
padding: 10px;
height: 80px;
display: -ms-flex;
display: -webkit-flex;
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
}
.celdas_encabezado {
background-color: #DCDCDC;
color: #A1A1A1;
font-size: 18px;
font-weight: bold;
border-radius: 6px;
padding: 10px;
height: 80px;
display: -ms-flex;
display: -webkit-flex;
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
}
.celda_encabezado_activo{
color: #4A9C3D;
}
.celda_bloqueada {
cursor: not-allowed;
color: #A1A1A1;
}
@media screen and (max-width: 991px) {
.paddings_solo_moviles{
padding-left: 0px;
padding-right: 0px;
}
}
/*##### Experimental #####*/
.radio_button_precio_escritorio{
width: 40px;
height: 40px;
background-color: #FEFEFE;
position: absolute;
border-radius: 50px;
margin-top: -8px;
margin-left: 8px;
border-style: solid;
border-width: 4px;
border-color: gainsboro;
}
.radio_button_precio_seleccionado_escritorio{
width: 40px;
height: 40px;
background-color: #4A9C3D;
position: absolute;
border-radius: 50px;
margin-top: -8px;
margin-left: 8px;
border-style: solid;
border-width: 4px;
border-color: #FEFEFE;
}
.radio_button_precio_movil{
float:none;
margin:0 auto;
width: 30px;
height: 36px;
background-color: #FEFEFE;
/*position: absolute;*/
border-radius: 50px;
/* margin-top: -8px;
margin-left: 8px;*/
border-style: solid;
border-width: 4px;
border-color: gainsboro;
margin-bottom: 16px;
}
.radio_button_precio_seleccionado_movil{
float:none;
margin:0 auto;
width: 30px;
height: 36px;
background-color: #4A9C3D;
/*position: absolute;*/
border-radius: 50px;
/*margin-top: -8px;
margin-left: 8px;*/
border-style: solid;
border-width: 4px;
border-color: #FEFEFE;
margin-bottom: 16px;
}
.celdas{
background-color: #B7B5B5;
}
@media screen and (max-width: 991px) {
.celdas {
height: 100px;
}
}
@media screen and (max-width: 360px) {
.radio_button_precio_movil{
height: 32px;
}
.radio_button_precio_seleccionado_movil{
height: 32px;
}
}
/*###################*/
/*#################*/
#politica h2{
font-size: 2em;
font-weight: bold;
margin-top: 8px;
margin-bottom:2px;
color:#ec0000;
}
#politica h3{
font-size: 14px;
font-weight: bold;
margin-top: 8px;
margin-bottom:2px;
color:#ec0000;
}
#politica h4{
margin-top: 8px;
margin-bottom:2px;
}
#politica p{
padding:1px;
margin:0px;
}
/*#################*/
/** SU CSS AQUÍ **/
body {
/*font-family: 'Noto Sans','Roboto',Helvetica,Arial,sans-serif;*/
font-family: 'Hind', sans-serif;
color: #000000;
font-size: 13px;
}
.btn {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}
/** MIS DIRECCIONES **/
.container_seccion_datos {
/*background: #DCDCDC;*/
padding: 10px 0px;
margin: 0px 0px;
border-bottom: 1px solid #EAEAEA;
}
.container_direcciones>div {
margin-bottom: 0px;
padding-bottom: 10px;
font-size: 13px;
margin-bottom: 4px;
}
.container_seccion_datos:last-child {
margin-bottom: 0;
}
/** FIN MIS DIRECCIONES **/
/** CONTACTO **/
.container_contacto {
padding-top: 25px;
padding-bottom: 25px;
background-color: #F0F0F0;
border-radius: 3px;
}
.container_contacto .etiqueta {
text-align: left;
padding-top: 10px;
}
.container_contacto .row {
margin-right: 0px;
margin-left: 0px;
}
.container_contacto input, .container_contacto select, .container_contacto textarea {
background: #000000;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.container_contacto textarea {
min-height: 200px;
}
.container_contacto p {
font-size: 12px;
margin-bottom: 10px;
}
.container_contacto li {
list-style: none;
margin-bottom: 10px;
}
.container_contacto hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #dedede;
}
.container_contacto .fa {
background-color: #ec0000;
border-radius: 50%;
color: #FFF;
font-size: 16px;
height: 30px;
margin-right: 10px;
padding: 7px 8px;
text-align: center;
width: 30px;
}
.form-control {
font-size: 13px;
height: 40px;
border: none;
box-shadow: none;
transition: none;
}
.form-control_2{
width: 100% !important;
background-color: #fff!important;
padding: 10px 5px;
box-sizing: border-box;
margin-bottom: 10px;
border: 0;
}
footer.escritorio a:hover {
color: white;
}
/** CONTACTO **/
/** LOGIN Y REGISTRO **/
.titulo_login_registro {
/*border-bottom: 2px;
border-bottom-style: solid;*/
margin-top: 20px;
margin-bottom: 14px;
font-size: 14px;
color: #ec0000;
}
/** FIN LOGIN Y REGISTRO **/
/** ACCOUNT **/
.container_account {
border-radius: 4px;
}
.container_account input, .container_account select, .container_account textarea, .container_cupon_carrito input {
background: #000000;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.container_recordar {
background: #F0F0F0;
border-radius: 4px;
padding: 0px;
}
.select_chulo {
width: 100%;
overflow: hidden;
background: url(/static/template/img/flechita-select.png) no-repeat right 10px center #000000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
/*background-color: #000000;*/
}
.select_chulo select {
width: 100%;
background: transparent;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
/** FIN ACCOUNT **/
/** BREADCRUMB **/
@media screen and (min-width: 992px) {
.breadcrumb_new {
/*background-color: #F0F0F0;*/
color: #000000;
/*color: #8a8a8a;*/
font-size: 12px;
padding: 6px 8px;
/*border-left: 3px solid #ec0000;*/
margin-bottom: 5px;
/*text-transform: uppercase*/;
}
.breadcrumb_new a:last-child {
font-weight: bold;
color: #333;
text-decoration: none;
}
.breadcrumb_new a.activo {
font-weight: bold;
color: #333;
text-decoration: none;
}
}
@media screen and (max-width: 991px) {
.breadcrumb_new {
background: #ec0000;
color: white;
font-size: 0.8em;
padding: 8px;
text-transform: uppercase;
}
.breadcrumb_new a {
color: white;
}
}
/** BREADCRUMB**/
/** FOOTER **/
.container_footer {
margin-top: 26px;
font-family: 'Noto Sans','Roboto',Helvetica,Arial,sans-serif;
color: #FFF;
}
.container_redessociales {
margin: 10px 0px;
}
.social-circle a {
background-color: #A1A1A1;
}
/** FIN FOOTER **/
/** EMPTY CART **/
.container_carrito .emptycart {
padding: 15px 30px;
font-weight: 800;
}
/** FIN EMPTY CART **/
/** PRIVACIDAD, LEGAL, FAQ **/
.container_condiciones li {
text-align: justify;
font-size: 0.9em;
list-style: none;
}
.container_condiciones p {
text-align: justify;
font-size: 0.9em;
margin-bottom: 10px;
}
.container_condiciones h4 {
border-top: 1px solid #E8E8E8;
color: #ec0000;
font-size: 15px;
font-weight: 800;
margin: 20px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}
.container_condiciones h5 {
color: #ec0000;
font-size: 13px;
font-style: italic;
font-weight: 800;
margin: 20px 0px 4px 0px;
}
.container_condiciones a {
font-size: 1.0em;
}
.container_condiciones a:hover {
color: #ec0000;
}
/** FIN PRIVACIDAD, LEGAL, FAQ **/
/** TIMELINE **/
.mitimeline.escritorio .timeline {
white-space:nowrap;
/*overflow-x: scroll;*/
padding: 0px 0 10px 0;
position:relative;
}
.mitimeline.escritorio .timeline .entry {
display: inline-block;
vertical-align: top;
/*background:#ec0000;*/
color:#000000;
padding: 10px;
font-size: 12px;
text-align: center;
position: relative;
/*border-top:4px solid #000000;*/
width: 200px;
}
.mitimeline.escritorio .timeline .entry img {
border-radius: 50%;
position: absolute;
top: -50px;
left: 75px;
z-index: 10;
}
.mitimeline.escritorio .timeline .entry h1 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.mitimeline.escritorio .timeline .entry h2 {
letter-spacing: 0.2em;
margin-bottom: 10px;
font-size: 14px;
}
.mitimeline.escritorio .timeline .entry p {
margin: 0 0 4px;
}
.mitimeline.escritorio {
margin-top: 57px;
text-align: center;
}
.mitimeline.escritorio>div {
margin: auto;
}
.mitimeline.escritorio .bar {
height: 6px;
background: url(/static/template/img/punto-timeline.png) repeat-x;
/*position: absolute;
top: -27px;
left: 16px;*/
margin-bottom: 22px;
}
.mitimeline.escritorio hr {
border-top: 6px solid #F0F0F0;
}
/** TIMELINE MOVIL **/
.mitimeline.movil .timeline {
white-space:nowrap;
/*overflow-x: scroll;*/
padding: 0px 0 10px 0;
position:relative;
}
.mitimeline.movil .timeline .entry {
display: block;
vertical-align: top;
/*background:#ec0000;*/
color:#000000;
padding: 10px;
font-size: 12px;
text-align: center;
position: relative;
width: 100%;
margin-top: 6px;
height: 65px;
}
.mitimeline.movil .timeline .entry>div {
text-align: left;
margin-left: 59px;
}
.mitimeline.movil .timeline .entry img {
border-radius: 50%;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
.mitimeline.movil .timeline .entry h1 {
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.mitimeline.movil .timeline .entry h2 {
letter-spacing: 0.2em;
margin-bottom: 10px;
font-size: 14px;
}
.mitimeline.movil .timeline .entry p {
margin: 0 0 4px;
}
.mitimeline.movil {
text-align: center;
}
.mitimeline.movil>div {
margin: auto;
}
.mitimeline.movil .bar {
width: 6px;
background: url(/static/template/img/punto-timeline-vertical.png) repeat-y;
margin-left: 22px;
display: inline-block;
float: left;
}
.mitimeline.movil hr {
border-top: 6px solid #F0F0F0;
}
/** FIN TIMELINE **/
/** INFO ENVIO **/
.infoenvio_detalles {
text-align: left;
margin-top: 20px;
/*border-right: 1px solid #DCDCDC;*/
}
@media screen and (max-width: 767px) {
.infoenvio_detalles {
text-align: center;
margin-top: 20px;
}
}
.infoenvio_detalles img {
}
.infoenvio_detalles p {
font-size: 12px;
}
.container_seccion_infoenvio {
padding-top: 15px;
padding-bottom: 15px;
/* padding: 20px; */
background: #F0F0F0;
border-radius: 4px;
}
.container_infoenvio {
display: table;
border-spacing: 8px;
width: 100%;
text-align: center;
}
.contenidos_infoenvio {
display: table-row;
}
.contenidos_infoenvio .img-responsive {
display: inline;
max-width: 100%;
}
.celdaheader {
font-weight: bold;
color: #A1A1A1;
display: table-cell;
vertical-align: middle;
padding: 10px;
width: 33%;
height: 40px;
}
.celdatitulo {
background-color: #DCDCDC;
color: #A1A1A1;
font-size: 18px;
font-weight: bold;
display: table-cell;
border-radius: 6px;
vertical-align: middle;
padding: 10px;
width: 33%;
height: 80px;
}
.celda {
background-color: #DCDCDC;
color: #A1A1A1;
font-size: 18px;
font-weight: bold;
display: table-cell;
border-radius: 6px;
vertical-align: middle;
padding: 10px;
width: 33,333333%;
height: 80px;
cursor: pointer;
}
.celda:hover {
background-color: #78cc6a;
color: #FFFFFF;
cursor: pointer;
}
.celda.bloqueado {
background-color: inherit;
cursor: not-allowed;
font-size: 18px;
font-weight: bold;
}
.celda.bloqueado:hover {
background-color: inherit;
color: #A1A1A1;
cursor: not-allowed;
}
.celda.seleccionado {
background-color: #69BD5A;
color: #FFFFFF;
}
.celdahorario {
background-color: #DCDCDC;
color: #000;
font-size: 18px;
font-weight: bold;
display: table-cell;
border-radius: 6px;
vertical-align: middle;
padding: 10px;
/* width: 33%; */
height: 80px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
}
.celdahorario:hover {
background-color: #78cc6a;
color: #FFFFFF;
cursor: pointer;
}
.celdahorario.seleccionado {
background-color: #69BD5A;
color: #FFFFFF;
}
.celdahorario.morning {
background-image: url("/static/template/perfumeria.com/img/morning-off.png");
}
.celdahorario.morning:hover, .celdahorario.morning.seleccionado {
background-image: url("/static/template/perfumeria.com/img/morning-on.png");
}
.celdahorario.tarde {
background-image: url("/static/template/perfumeria.com/img/tarde-off.png");
}
.celdahorario.tarde:hover, .celdahorario.tarde.seleccionado {
background-image: url("/static/template/perfumeria.com/img/tarde-on.png");
}
.celdahorario.indiferente {
background-image: url("/static/template/perfumeria.com/img/indiferente-off.png");
}
.celdahorario.indiferente:hover, .celdahorario.indiferente.seleccionado {
background-image: url("/static/template/perfumeria.com/img/indiferente-on.png");
}
/** FIN INFO ENVIO **/
/* ELIMINAR HOVERS */
html.touch *:hover {
pointer-events: none !important;
all:unset!important;
}
/* BANCO SALDO*/
.boton_info_saldo{
background-color: #9ccef4;
color: #005291;
padding-left: 18px;
padding-right: 18px;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 50px;
font-size: 22px;
position: absolute;
right: 0;
bottom: 0px;
}
.boton_info_saldo:hover{
background-color: #000000; padding-left: 18px; padding-right: 18px; padding-top: 6px; padding-bottom: 6px; border-radius: 50px; font-size: 22px;
color: #ec0000;
}
.container_saldo_titulo .icono {
font-size: 72PX;
color: #000000;
margin-top: 20px;
}
.container_saldo_titulo hr {
border-top: 1px solid #F0F0F0;
margin-bottom: 4px;
margin-top: 15px;
}
.container_saldo_titulo .saldototal {
color: #00AE00;
}
.container_saldo_titulo .saldoretenido {
color: #000000;
font-size: 30px;
font-style: italic;
margin-top: 26px;
}
.container_saldo {
background-color: #F0F0F0;
border-radius: 6px;
padding: 10px;
}
.container_saldo .fila_cabecera {
background-color: #000000;
border-radius: 6px;
padding: 6px 0px;
margin: 2px 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.container_saldo .separador {
border-right: 1px solid #A1A1A1;
}
.container_saldo .info_movimiento {
background-color: #000000;
}
.container_saldo .importe {
color: #00AE00;
font-weight: bold;
font-size: 16px;
}
.container_saldo .importeNegativo {
color: #C9272A;
font-weight: bold;
font-size: 16px;
}
.container_saldo .importeNeutro {
color: #000000;
font-weight: bold;
font-size: 16px;
}
table.saldo {
width: 100%;
margin: 0 auto;
border-collapse: collapse;
/* background: #000000; */
text-rendering: optimizeLegibility;
text-align: center;
/* border-radius: 6px; */
}
table.saldo thead th {
text-align: center;
font-weight: bold;
background-color: #F0F0F0;
}
table.saldo thead th, table.saldo tbody td {
padding: .8rem;
font-size: 12px;
}
table.saldo tbody td {
/* background: #000000; */
}
table.saldo tbody tr:not(:last-child) {
border-top: 1px solid #F0F0F0;
border-bottom: 1px solid #F0F0F0;
}
@media screen and (max-width: 767px) {
table.saldo {
text-align: left;
}
table.saldo thead {
display: none;
background-color: #A1A1A1;
}
table.saldo tbody td {
display: block;
padding: .6rem;
}
table.saldo tbody tr td:first-child {
/* background: #000000;*/
}
table.saldo tbody td:before {
content: attr(data-th);
font-weight: bold;
display: inline-block;
width: 10rem;
}
table.saldo tbody tr:not(:last-child) {
/* border-top: 4px solid #F0F0F0; */
border-bottom: 4px solid #F0F0F0;
}
}
/* FIN BANCO SALDO */
.tutorial {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
left: 0;
text-align: center;
padding: 120px 0;
z-index: 100;
}
.tutorial .texto {
font-family: 'Shadows Into Light Two', cursive;
color: white;
font-size: 26px;
margin: 20px;
}
.tutorial img {
margin: 20px auto;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
rotation: 180deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.tutorial .btn {
width: 150px;
height: 50px;
font-size: 16px;
}
.menu_bar_movil_scroll {
display: block;
width: 100%;
position: fixed;
top: 0;
background: #333;
z-index: 1001;
-webkit-box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.75);
box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.75);
}
.celdas {
height: 50px;
background-color: #DCDCDC;
}
.celdas_encabezado {
height: 50px;
}
.radio_button_precio_escritorio {
z-index: 1;
width: 40px;
height: 40px;
background-color: #4A9C3D;
position: absolute;
border-radius: 0px;
margin-top: -8px;
margin-left: 8px;
border-style: solid;
border-width: 0px;
border-color: gainsboro;
}
.nueva_celda{
padding-top: 14px;
font-size: 18px;
font-weight: bold;
}
.nuevo_hijo{
background-color: #C4C4C4;
height: 40px;
padding: 0px;
}
.check_nuevo_hijo{
position: absolute;
padding-top: 6px;
height: 40px;
width: 40px;
padding-left: 10px;
z-index: 2;
color: #666666;
}
.precio_nuevo_hijo{
position: absolute;
text-align: center;
float: left;
height: 40px;
width: 100%;
padding-top: 6px;
padding-left: 10px;
z-index: 2;
color: #666666;
}
.texto_info_metodo_envio{
font-size: 18px;
font-weight: bold;
}
.texto_valor_metodo_envio{
font-size: 20px;
}
@media screen and (max-width:450px) {
.precio_nuevo_hijo{
position: absolute;
text-align: right;
float: left;
height: 40px;
width: 100%;
padding-top: 6px;
padding-left: 10px;
z-index: 2;
padding-right: 14px;
color: #666666;
}
.texto_info_metodo_envio{
font-size: 12px;
font-weight: bold;
}
.texto_valor_metodo_envio{
font-size: 14px;
}
}
.fondo_nuevo_hijo{
position: absolute;
height: 40px;
width: 0px;
background-color: #A1A1A1;
z-index: 1;
}
.fondo_nuevo_hijo_sobre{
background-color: #4A9C3D;
}
.texto_blanco_metodo_envio{
color: #FFF;
}
.size_sin_seleccionar{
font-size: 22px;
}
.size_seleccionado{
font-size: 20px;
}
/* Reveal */
.hover-border {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hover-border:before {
content: "";
position: absolute;
z-index: 100;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: rgba(255,255,255,0.3);
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hover-border:hover:before, .hover-border:focus:before, .hover-border:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 10px;
}
.input_error{
border: 2px solid red !important;
}
#resultadosBuscador .buscando {
width: 100%;
padding: 10px;
color: #000000;
font-size: 14px;
border: 1px solid #000000;
font-style: italic;
}
.header_seccion {
/*margin-bottom: 20px;*/
margin-bottom: 30px;
position: relative;
}
.header_seccion .img_marca {
position: absolute;
z-index: 5;
top: 50px;
/*border: 1px solid #EAEAEA;*/
padding: 2px;
}
@media (max-width: 767px) {
.header_seccion .img_marca {
width: 60px;
top: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header_seccion .img_marca {
width: 85px;
}
}
@media (min-width: 992px) and (max-width : 1199px) {
.header_seccion .img_marca {
width: 85px;
}
}
.header_seccion .header_seccion_txt {
position: absolute;
top: 0;
padding-top: 14px;
}
.header_seccion .header_seccion_txt h1 {
margin: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.header_seccion .header_marca_tag {
position: absolute;
width: 20%;
}
.header_seccion .header_marca_tag .forma {
color: white;
border-top: 80px solid black;
border-right: 20px solid transparent;
}
.header_seccion .header_marca_tag .texto {
font-size: 15px;
color: white;
position: absolute;
top: 5px;
left: 10px;
}
.header_seccion .header_marca_nombre {
text-align: center;
height: 80px;
padding-top: 29px;
font-size: 20px;
text-transform: uppercase;
border: 1px solid;
}
.header_seccion .header_marca_nombre h1 {
font-size: inherit;
margin: 0;
font-weight: bold;
}
.header_seccion .header_marca_etiquetas {
width: 20%;
position: absolute;
right: 20px;
top: 20px;
}
@media (max-width: 767px) {
.header_seccion .header_marca_etiquetas {
top: 5px;
}
.header_seccion .header_marca_tag {
width: 12%;
}
}
#resultadosBuscador .buscando .cerrar {
float: right;
cursor: pointer;
}
#resultadosBuscador .resul_marca {
cursor: pointer;
height: 110px;
}
.div_mensaje_error{
margin-left: 10px;
margin-top: 6px;
color: #d70404;
}
.descripcion_corta_lista_productos{
font-weight: 100; font-style: italic;margin-top: -10px; margin-bottom: 10px;
}
/* GRUPOS EN LA LISTA */
.grupo {
height: 700px;
text-align: center;
margin-top: 5px;
}
@media (min-width: 992px) {
.grupo {
height: 570px;
text-align: center;
margin-top: 5px;
}
}
.short_description{
color: #999999;
font-style: italic;
font-size: 12px;
}
@media (max-width: 767px) {
.grupo {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.grupo:nth-child(2n+1) {
clear: both;
}
}
@media (min-width: 992px) {
.grupo:nth-child(3n+1) {
clear: both;
}
}
.grupo .contenido_grupo {
/*padding-top: 15px;*/
padding-top: 5px;
/*height: 385px;*/
}
/*.grupo.color {
height: 450px;
text-align: center;
}*/
/*.grupo .datos {
height: 74px;
}*/
.grupo .imagen {
position: relative;
}
.grupo .imagen .img_producto {
max-width: 100%;
height: auto;
max-height: 260px;
display: block;
margin: auto;
margin-bottom: 10px;
}
.grupo .imagen .insignia {
position: absolute;
bottom: 0;
left: 25px;
max-width: 60px!important;
}
.grupo .imagen .cortina {
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,0.7);
width: 100%;
height: 100%;
cursor: pointer;
}
.grupo .imagen .cortina .texto {
position: absolute;
background: #ec0000;
color: white;
font-weight: bold;
text-align: center;
width: 140px;
height: 24px;
margin-top: -12px;
margin-left: -70px;
top: 50%;
left: 50%;
padding-top: 3px;
border-radius: 5px;
pointer-events: none;
}
.grupo .datos .marca {
font-weight: bold;
}
.grupo .datos .nombre {
min-height: 40px;
line-height: 1.5em;
/*height: 3em;*/
overflow: hidden;
/* white-space: nowrap; */
text-overflow: ellipsis;
width: 100%;
}
.grupo .datos .subtitulo {
color: gray;
}
.grupo .datos .subtitulo img {
height: 15px;
}
/*.grupo .precio, .grupo .btn_anadir {
width: 50%;
float: left;
}*/
.grupo .precio {
font-size: 20px;
font-weight: bold;
}
.grupo .precio .sin_stock {
font-size: 14px;
font-style: italic;
}
.grupo .boton a {
/*padding: 4px 46px;*/
font-weight: bold;
color: white;
text-align: center;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
width: 80%;
margin: auto;
/*margin-top: -4px;*/
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 46px;
padding-left: 46px;
}
@media (min-width: 992px) and (max-width : 1199px) {
.grupo .boton a {
width: 90%;
padding-right: 0px;
padding-left: 0px;
}
}
.grupo .btn_anadir {
background: #ec0000;
}
.grupo .btn_personalizar {
background: #ec0000;
}
.grupo .btn_ver_modelo {
background: #ec0000;
}
.grupo .btn_avisame {
background: #6d6d6d;
}
.grupo .descuento {
font-size: 13px;
clear: both;
color: #6d6d6d;
font-weight: bold;
}
.grupo .pvp {
font-size: 14px;
clear: both;
color: #6d6d6d;
/*text-decoration: line-through;*/
font-weight: initial;
margin-left: 6px;
}
.grupo .ppml {
font-size: 14px;
clear: both;
font-weight: initial;
margin-left: 6px;
font-weight: bold;
}
.grupo .variantes_outer {
/*float: right;*/
position: relative;
/*left: -50%;*/
margin-top: 4px;
}
.grupo .variantes_inner {
position: relative;
/*left: 50%;*/
}
.grupo .variante {
/* float: left;*/
/* background: #dedede; */
color: #adadad;
color: #000;
border: 1px solid #adadad;
/*padding: 1px 4px;*/
padding: 3px 4px 0px;
margin-top: 2px;
margin-right: 4px;
cursor: pointer;
/*font-size: 10px;*/
font-size: 9px;
/*display: -webkit-inline-box;*/
display: inline-flex;
}
.grupo .variante.vermas {
color: #717171;
vertical-align: top;
height: 21px;
}
@media (max-width: 991px) {
.grupo .variante.vermas {
height: 27px;
}
}
@media (min-width: 992px) and (max-width : 1199px) {
.grupo .variante.vermas {
height: 16px;
}
}
.grupo .variante.activo {
/*color: #5e5e5e;
border: 1px solid #5e5e5e;*/
color: #000000;
border: 1px solid #000000;
font-weight: bold;
}
.grupo .variante.color {
border: 1px solid #adadad;
padding: 2px 2px;
margin-right: 3px;
}
.grupo .variante.color>div {
height: 15px;
width: 15px;
}
.grupo .variante.color img {
width: 15px;
height: 15px;
}
@media (min-width: 992px) and (max-width : 1199px) {
.grupo .variante.color img {
width: 12px;
height: 12px;
}
}
@media (max-width: 991px) {
.grupo .variante.color img {
width: 21px;
height: 21px;
}
}
@media (min-width: 992px) and (max-width : 1199px) {
.grupo .variante.color>div {
height: 12px;
width: 12px;
}
.grupo .variante.color {
border: 1px solid #adadad;
padding: 1px;
}
}
.grupo .variante.color.activo {
border-color: #5e5e5e;
}
@media (max-width: 767px) {
.grupo .datos {
height: initial;
}
.grupo .datos .nombre {
height: initial;
}
}
@media (max-width: 991px) {
.grupo .variante {
/*padding: 2px 5px;*/
font-size: 15px;
}
.grupo .boton {
padding: 5px 0px;
margin-top: 3px;
}
.grupo .variante.color>div {
height: 21px;
width: 21px;
}
}
@media screen and (max-width: 991px) {
/* MÓVIL */
.grupo .variantes .variante {
font-size: 16px;
}
}
@media screen and (min-width: 340px) and (max-width: 991px) {
.grupo .precios, .grupo .variantes, .grupo .datos {
display: block;
width: 300px;
margin: auto;
}
}
@media (min-width: 1200px) {
.grupo .variante {
/* float: left;*/
/* background: #dedede; */
color: #adadad;
color: #000;
border: 1px solid #adadad;
margin-top: 2px;
margin-right: 4px;
cursor: pointer;
/*font-size: 10px;*/
font-size: 12px!important;
}
}
/* FIN GRUPOS EN LA LISTA */
/** ULTIMAS MODIFICACIONES */
.hijo_selector{
font-size: 14px;
margin-top: 2px;
text-transform: capitalize;
}
.hijo_selector_scroll_texto{
padding-left: 30px;
}
.letra_encabezado_input{
/*position: absolute;
font-size: 26px;
background: #FFF;
color: black;
margin-top: 2px;
margin-left: 2px;
border-radius: 4px;
width: 36px;
text-align: center;
padding-top: 2px;
height: 36px;*/
position: absolute;
font-size: 26px;
background: #FFF;
color: black;
margin-top: 2px;
margin-left: 2px;
border-radius: 4px;
width: 36px;
text-align: center;
padding-top: 2px;
height: 36px;
}
/*.letra_encabezado_input_extra{
width: 40px;
text-align: center;
padding-top: 6px;
padding-bottom: 5px;
}*/
.input_con_letra_encabezado{
padding-left: 58px;
}
.input_danger {
border-bottom: 2px solid #d70404 !important;
}
.input_success {
border-bottom: 2px solid #ec0000 !important;
}
.color_danger {
color: #d70404;
}
.color_success {
color: #ec0000;
}
.resul_cupon .msg_error {
color: #d70404;
margin-top: 10px;
font-weight: bold;
}
/* CARRUSEL OPINIONES */
.carrusel-opiniones .opinion {
padding: 10px;
}
.carrusel-opiniones .opinion .nombre {
font-size: 16px;
font-weight: bold;
color: #ec0000;
}
.carrusel-opiniones .opinion .mensaje {
text-align: justify;
}
.link_style {
cursor: pointer!important;
color: #0027ff!important;
}
.link_style:hover {
cursor: pointer!important;
color: #0027ff!important;
text-decoration: underline!important;
}
.mod_input_iphone{
background: #DDDDDD!important;
border: none!important;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
/********** ACCOUNT ************/
.centrado{
text-align: center;
}
.row_encasillado{
margin-left: 15px;
margin-right: 15px;
border-style: solid;
border-width: 1px;
border-color: #EAEAEA;
}
.row_tipo_envios{
border: 1px #BFBFBF solid !important;
margin: 10px;
border-radius: 4px 4px 4px 4px;
}
.row_tipo_envios.color_seleccionado{
border-color: #FBD8B4!important;
background-color: #FCF5EE;
}
.metodo_pago.color_seleccionado .class_naranja{
border-color: #FBD8B4!important;
background-color: #FCF5EE;
}
@media (max-width: 991px) {
.row_encasillado {
margin-left: 3px;
margin-right: 3px;
}
}
.encabezado{
border-bottom: 1px solid #EAEAEA;
background: #F0F0F0;
color: #A1A1A1;
}
.item_encabezado{
height: 25px;
border-right: 1px solid #EAEAEA;
padding-top: 3px;
}
.item_normal {
height: 72px;
padding-top: 14px;
}
.row_movil{
margin-left: 0px;
margin-right: 0px;
border-bottom: 1px solid #EAEAEA;
color: #A1A1A1;
}
.linea_inferior{
border-bottom-style: solid;
border-bottom-color: #EAEAEA;
border-bottom-width: 1px;
}
.distancia_direciones{
margin-top: 10px;
margin-bottom: 10px;
}
.direccion{
cursor:pointer;
}
.icono_direccion{
text-align: right;
font-size: 18px;
}
.color_seleccionado{
color: #36994A!important;
}
.color_sin_seleccionar{
color:#A1A1A1;
}
.anti_bottom{
border-bottom : 0px!important;
}
.anti_autorelleno_google{
-webkit-box-shadow: 0 0 0 30px #DDDDDD inset !important;
/*-webkit-text-fill-color: #000 !important;*/
}
.separador_vertical{
border-left: 1px;
border-left-style: solid;
border-color: #EAEAEA;
}
.row_encasillado .inferior{
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #EAEAEA;
}
.lateral_izquierda{
border-left-style: solid;
border-left-width: 1px;
border-left-color: #EAEAEA;
}
.fondo_logos{
background-color: #EFF0F0;
border-right-color: #EAEAEA;
border-right-style: solid;
border-right-width: 1px;
}
/********** SUCCESS ************/
.container_success .cuadro {
border: 1px solid #EAEAEA;
margin-top: 20px;
padding: 0px 30px;
}
.container_success .cuadro .row {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #EAEAEA;
}
.container_success .cuadro .row:last-of-type {
border-bottom: none;
}
.container_success .btn {
height: 50px;
width: 200px;
}
.container_success .fila_saldo .monedas {
width: 70px;
max-width: 100%;
}
@media (min-width : 1200px) {
.container_success .fila_saldo .celda_texto {
padding-top: 10px;
}
}
/**************************/
.oculto {
display:none;
}
.header_seccion .img_seccion {
border-bottom: 1px solid #EAEAEA;
}
/************** SNACKBAR **************/
@media (min-width: 992px) {
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden; /* Hidden by default. Visible on click */
min-width: 250px; /* Set a default minimum width */
margin-left: -125px; /* Divide value of min-width by 2 */
background-color: #333; /* Black background color */
color: #fff; /* White text color */
text-align: center; /* Centered text */
border-radius: 2px; /* Rounded borders */
padding: 16px; /* Padding */
position: fixed; /* Sit on top of the screen */
left: 50%; /* Center the snackbar */
bottom: 30px; /* 30px from the bottom */
z-index: 10000; /* Add a z-index if needed */
}
}
@media (max-width: 991px) {
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden;
width: 80%;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
left: 10%;
bottom: 30px;
z-index: 10000;
}
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}
/************** -- **************/
/************** BOTON FAVORITO **************/
.div_fav{
/*position: absolute;
right: 0px;*/
margin-right: 8%;
cursor: pointer;
display: none;
}
.div_fav_heart{
color: #fe6cb5;
font-size: 26px;
}
.div_fav_text{
float: right;
margin-left: 4px;
margin-right: 6px;
margin-top: 5px;
color: #A1A1A1;
font-size: 10px;
}
.favbuttons{
display: block;
position: absolute;
z-index: 10;
margin-left: 16px;
}
/************** -- **************/
.div_aviso_cookies{
z-index:100;
position: fixed;
bottom: 0px;
left: 0px;
background-color: #000;
width: 100%;
color: #FFF;
padding: 8px;
}
.buttons_aviso_cookies{
color: #000;
padding-left: 10px;
padding-right: 10px;
}
.link_meta{
text-decoration: underline;
font-style: italic;
}
.link_meta:hover{
color: #ec0000;
}
/** Titulos de la pagina de Covid */
.titulos_pag_covid{
font-weight: bold;
margin-bottom: 12px;
margin-top: 10px;
font-size: 30px!important;
color: #ff5722;
border-bottom: 3px solid;
}
/** Products info*/
/*
#imagen_principal{
max-height: 500px;
}
*/
#imagen_principal{
max-height: 550px;
max-width: 550px;
}
@media screen and (min-width: 992px) and (min-width: 992px){
#imagen_principal{
max-height: 550px;
max-width: 550px;
}
}
@media screen and (max-width: 991px){
.top-0-movil{
margin-top:0!important;
}
.productos-fila-mobile {
flex-direction: column;
align-items: center;
}
.column-prod-mobile {
width: 80% !important;
margin: 10px;
}
}
/** BLOQUES HTML */
.bloque_flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
height: auto;
width: 100%;
}
.bloque_flex .item50{
width: 50%;
}
.bloque_flex .item50 img{
max-width: 100%;
}
.bloque_flex .item100padre{
width:50%;
}
.bloque_flex .item100padre .item100{
width: 100%;
}
.bloque_flex .item100padre .item100 img{
max-width: 100%;
}
@media screen and (max-width: 991px){
.bloque_flex .item50{
width: 100%;
}
.bloque_flex .item100padre{
width:100%;
}
}
.contenedor_productos{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.container_resultados{
padding: 0;
}
@media screen and (max-width: 991px){
.contenido_padre_productos{
padding-left: 4px;
padding-right: 4px;
}
}
.tooltip.top {
margin-top: -5px;
font-size: 16px;
}
.tooltip.bottom {
margin-top: -5px;
font-size: 16px;
}
.container_seccion input, .container_seccion select {
background: #e7e7e7;
}
.select_chulo {
background: url(/static/template/img/flechita-select.png) no-repeat right 10px center #e7e7e7;
}