html{
width: 100%;
height: 100%;
/*overflow: hidden;*/
}
body {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin:0;
/*overflow: hidden;*/
/*overflow: auto;*/
width: 100%;
height:100%;
/*text-align: center;*/
/*background: #000000 url(../imagenes/bg.gif) repeat-x;*/
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 0;
-webkit-text-fill-color: #000;
-webkit-box-shadow: 0 0 0px 0px #fff;
transition: background-color 5000s ease-in-out 0s;
box-shadow: inset 0 0 20px 20px #fff;
font-family: 'Montserrat', sans-serif;
}
.input_form input[type=password],.input_form input[type=text],.input_form textarea {
font-family: 'Montserrat', sans-serif !important;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
img {border: 0;}
/*capa de mantenimiento*/
#capa_mantenimiento{position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
#transparencia_mantenimiento {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #666;
opacity: .60;
-moz-opacity: .60;
filter:alpha(opacity=60);
z-index: 1000;
}
#cuadro_mantenimiento{position: absolute; width: 400px; height: 120px; margin-top: -100px; margin-left: -200px; top: 50%; left: 50%; color: #595959; border: 5px solid #0054a1; padding: 120px 20px 0 20px; z-index: 1001; color: red; font-size: 16px; font-weight: bold; background: #ffffff url(../imagenes/logo.png) 70px 20px no-repeat;}
/*fin capa de mantenimiento*/
/*mensajes de error*/
#msg{position:relative; display: none;}
#error{position:relative; width: 400px; overflow: hidden; padding: 20px; border: 5px solid #0054a1; text-align: left;/* background: url(../imagenes/warning.png) 20px 20px no-repeat;*/}
#tituloerror{position:relative; width: 400px; color: red; font-weight: bold; font-size: 22px;}
#msgerror{position:relative; width: 370px; color: #000000; margin: 20px 0 0 30px;}
#cerrar_error{position:relative; overflow: hidden; margin-top: 20px;}
A:LINK.bt_cerrar_error,
A:VISITED.bt_cerrar_error {
position: relative;
display: block;
width: 100px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_cerrar_error {
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x; border: 1px solid #0054a1;}
#validacion{position:relative; width: 400px; overflow: hidden; padding: 20px; border: 5px solid #0054a1; text-align: left;}
#titulovalidacion{position:relative; width: 400px; color: #0054a1; font-weight: bold; font-size: 22px;}
#msgvalidacion{position:relative; width: 370px; color: #000000; margin: 20px 0 0 30px;}
#cerrar_validacion{position:relative; overflow: hidden; margin-top: 20px; float: left;}
A:LINK.bt_cerrar_validacion,
A:VISITED.bt_cerrar_validacion {
display: block;
width: 150px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_cerrar_validacion {
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x; border: 1px solid #0054a1;}
#cerrar_validacion_ir_carrito{position:relative; overflow: hidden; margin-top: 20px; float: right;}
A:LINK.bt_ir_carrito,
A:VISITED.bt_ir_carrito {
display: block;
width: 120px;
border: 1px solid #0054a1;
height: 28px;
margin-left: 110px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x;}
A:HOVER.bt_ir_carrito {
background: url(../imagenes/bg_botones.gif) 0 0px repeat-x; border: 1px solid #000000;}
#carrito_caducado{position:relative; width: 400px; overflow: hidden; padding: 20px; border: 5px solid #0054a1; text-align: left;}
#titulocarritocaducado{position:relative; width: 400px; color: red; font-weight: bold; font-size: 22px;}
#msgtiempo{position:relative; width: 370px; color: #000000; margin: 20px 0 0 30px;}
/*#msgtiempo{position:relative; width: 340px; color: red; font-weight: bold; margin-left: 60px; text-align: center;}*/
#cerrar_carrito_caducado{position:relative; width: 340px; overflow: hidden; margin-top: 20px;}
/*fin mensajes de error*/
#capa_cookies{position: relative; min-width: 1010px; height: auto; overflow: hidden; text-align: center; background: #191919;}
#bg_cookies{position: absolute; width: 100%; height: 100%; background: #191919; /*opacity: 0.7; filter: alpha(opacity=70);*/ text-align: right; padding: 5px 5px 0 0; box-sizing: border-box; color: #ffffff; font-size: 15px;}
#cuerpo_cookies{position: relative; width: 1010px; height: 100%; margin: 0 auto; padding: 5px 10px 5px 0; font-size: 10px; text-align: center; color: #ffffff; box-sizing: border-box; line-height: 18px;}
#cuerpo_cookies a{padding: 3px 5px; background: #0054a1; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; text-decoration: none;}
/*#capa_contenedora{position:relative; min-width: 100%; text-align: center; background: url(../imagenes/bg.gif) 0 31px repeat-x;}*/
#capa_contenedora{position:relative; width: 100%; min-width: 1430px; text-align: center; z-index: 2;}
.capa_contenedora_scroll_disable{overflow: hidden; height: 100%}
#header{position:relative; width: 100%; /*border-bottom: 1px solid #ffffff; box-shadow: 0px 2px 2px #434343;*/ z-index: 1000;}
#header_top{position: relative; width: 100%; background: #000; box-sizing: border-box;}
#inner_header_top{position: relative; width: 100%; max-width: 1430px; /*height: 30px;*/ overflow: hidden; margin: 0 auto; padding: 5px 0; box-sizing: border-box;}
#inner_header_top_left{position: relative; width: 100%; float: left; color: #d9d9d9; font-size: 14px; font-weight: 400; text-align: left;}
#inner_header_top_right{position: relative; float: right; color: #d9d9d9; font-size: 14px; font-weight: 400; display: none;}
#header_middle{position: relative; width: 100%; overflow: hidden; background: #ffffff; box-sizing: border-box;}
#inner_header_middle{position: relative; width: 100%; max-width: 1430px; overflow: hidden; /*display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center;*/ display: inline-block; margin: 0 auto; padding: 15px 0; box-sizing: border-box; /*justify-content: space-between;*/}
#capa_logo{position: relative; width: 25%; /*height: 89px; */float: left; text-align: left; box-sizing: border-box;}
#capa_logo img{width: 100%; max-width: 304px;}
#buscar_header{position: relative; width: calc(45% - 90px); overflow: hidden; background: #ffffff; box-sizing: border-box; margin-top: 3px; margin-left: 60px; margin-right: 30px; float: right;}
#capa_input_buscar_header{position: relative; width: calc(100% - 100px); height: 40px; background: #ffffff; float: left; border: 1px solid #d9d9d9; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px;}
#input_buscar_header{ width: 100%; height: 100%; color: #000; font-size: 14px; padding: 0 10px 0 10px; border: 0; background: none; line-height: 18px; outline: 0; font-family: 'Montserrat', sans-serif; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px;}
#input_buscar_header::placeholder {
color: #888888;
}
#capa_bt_buscar_header{position: relative; width: 90px; height: 40px; float: right;}
A:LINK.bt_buscar_header,
A:VISITED.bt_buscar_header {
position: relative;
display: block;
background: #0054a1;
width: 100%;
height: 40px;
text-decoration: none;
line-height: 40px;
color: #fff;
-webkit-border-radius: 5px; border-radius: 5px;}
A:HOVER.bt_buscar_header {}
/*.bt_buscar_header span{display: none;}*/
#conjunto_header{position: relative; width: 30%; /*overflow: hidden;*/ box-sizing: border-box; float: right;}
#conjunto_telefonos{position: relative; width: 100%; overflow: hidden; box-sizing: border-box; margin-top: 10px;}
#telefono_header{position: relative; box-sizing: border-box; float: right; margin-right: 30px; color: #000; font-size: 22px; font-weight: 600;}
#telefono_header i{
position: relative;
font-size: 26px;
font-weight: 200;
text-decoration: none;
color: #0054a1;
margin-right: 5px;}
/*#telefono_header:before{
font-family: 'Material Icons';
content: '\e0b0';
position: relative;
top: 5px;
font-size: 28px;
font-weight: 200;
text-decoration: none;
color: #0054a1;
margin-right: 5px;}*/
#movil_header{position: relative; box-sizing: border-box; float: right; color: #000; font-size: 22px; font-weight: 600;}
#movil_header i{
position: relative;
font-size: 28px;
font-weight: 200;
text-decoration: none;
color: #0054a1;
margin-right: 5px;}
A:LINK.link_whatsapp,
A:VISITED.link_whatsapp {
text-decoration: none;
color: #000;}
A:HOVER.link_whatsapp {}
/*#movil_header:before{
font-family: 'Material Icons';
content: '\e0ca';
position: relative;
top: 3px;
font-size: 26px;
font-weight: 200;
text-decoration: none;
color: #0054a1;
margin-right: 5px;
background: url(../imagenes/whatsapp-recambios-para-remolques.png) 0 0 no-repeat;}*/
#horario_atencion{position: relative; width: 100%; box-sizing: border-box; color: #000; margin-bottom: 0px; font-size: 14px; text-align: right;}
#banner_general{position: relative; width: 100%; height: auto; overflow:hidden; margin-top: 0;}
.elemento_slider{position: relative; width: 100%; height: 100%; overflow:hidden; padding: 10px; font-size: 14px; font-weight: bold; line-height: 10px; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
#banner_general img{/*width: 100%;*/ display: block; margin: 0 auto;}
#header_bottom{width: 100%; height: 55px; /*overflow: hidden;*/ background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
#inner_header_bottom{/*position: relative;*/ width: 100%; max-width: 1430px; margin: 0 auto; /*overflow: hidden;*/ box-sizing: border-box; padding: 0;}
#bt_menu_categorias{position: relative; display: table; width: auto; height: 45px; padding: 5px 50px 5px 30px; background: #0054a1; float: left; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 20px 5px 0; cursor: pointer;}
#bt_menu_categorias span::before{
font-family: 'Material Symbols Outlined';
content: '\e5d2';
position: relative;
/*top: 8px;*/
top: -2px;
font-size: 26px;
font-weight: 200;
text-decoration: none;
color: #fff;
margin-right: 10px;
vertical-align:middle;}
#bt_menu_categorias span{position: relative; /*top: -7px;*/ display: table-cell; vertical-align: middle; font-size: 16px; color: #fff; font-weight: 600;/* line-height: 16px;*/ text-transform: uppercase;}
#overlay{position: fixed; width: 100%; height: 100%; background: #000; opacity: 0; display: none; z-index: 9999;}
.overlay_open{display: block !important;
opacity: .60 !important;
-moz-opacity: .60 !important;
filter:alpha(opacity=60) !important;}
#container_menu_movil{position: fixed; overflow-y: hidden; overflow-y: hidden; z-index: 10000; left: -100%; height: 100%; min-width: 500px; background: #fff; opacity: 0; text-align: left;}
.menu_movil_open{opacity: 1 !important; -webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
left: 0 !important;}
.menu_movil_close{opacity: 0 !important; -webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
left: -100% !important;}
#cabecera_menu_movil{position: relative; width: 100%; overflow: hidden; padding: 20px; border-bottom: 0; box-sizing: border-box; background: #0054a1;}
#menu_movil_title{position: relative; float: left; font-size: 22px; margin-top: 18px; text-transform: uppercase; color: #fff;}
#menu_movil_title::before{
font-family: 'Material Symbols Outlined';
content: '\e5d2';
position: relative;
/*top: 8px;*/
top: -2px;
font-size: 34px;
font-weight: 200;
text-decoration: none;
color: #fff;
margin-right: 10px;
vertical-align:middle;}
#menu_movil_close{position: relative; width: auto; overflow: hidden; float: right; box-sizing: border-box; cursor: pointer;}
#menu_movil_close:before{
font-family: 'Material Symbols Outlined';
content: '\e5cd';
top: 0;
position: relative;
font-size: 48px;
font-weight: 200;
text-decoration: none;
color: #fff;}
#nav_deslizante{position: absolute; /*width: 100%; height: 100%;*/ top: 98px; bottom: 0px; overflow: scroll; /*padding: 0 20px 20px 20px;*/ box-sizing: border-box;}
#cab_categorias_movil{position: relative; width: 100%; overflow: hidden; padding: 10px; background: #e5e5e5; color: #000; font-size: 16px; text-transform: uppercase; box-sizing: border-box; display: none;}
.categorias_movil{position: relative; width: 100%; overflow: hidden; box-sizing: border-box;}
#categorias_movil_top{display: none;}
#menu{position: relative; width: auto; /*height: 35px;*/ overflow: hidden; float: left;}
/*miramos menu.css*/
#conjunto_header_bottom{position: relative; float: right; box-sizing: border-box;}
#carrito_header{position: relative; width: 30px; height: 33px;/* float: left;*/ margin-top: 9px; float: right; box-sizing: border-box; margin-right: 20px; cursor: pointer;}
#carrito_header:before{
font-family: 'Material Symbols Outlined';
content: '\e8cc';
top: -5px;
position: relative;
font-size: 42px;
font-weight: 200;
text-decoration: none;
color: #0054a1;}
#cantidad_carrito{
width: 26px;
height: 26px;
line-height: 26px;
font-size: 16px;
font-weight: 600;
position: absolute;
top: -7px;
left: 80%;
color: #fff;
border-radius: 50%;
background: #000;
text-align: center;
box-sizing: border-box;
/*float: right;
margin-top: -12px;
margin-right: 2px;*/
border: 1px solid #000;
}
#micuenta_header{position: relative; width: 30px; height: 33px; box-sizing: border-box; float: right; margin-top: 9px; margin-right: 40px;}
.bt_micuenta_header:before{
font-family: 'Material Symbols Outlined';
content: '\e7fd';
top: -10px;
font-weight: 200;
position: relative;
font-size: 50px;
text-decoration: none;}
A:LINK.bt_micuenta_header,
A:VISITED.bt_micuenta_header {
position: relative;
display: block;
width: 100%;
height: 100%;
/*background: url(../imagenes/user-icon.png) 0 0 no-repeat;*/
background-size: contain;
color: #0054a1;
text-decoration: none;}
A:HOVER.bt_micuenta_header {}
.bt_micuenta_header span{display: none;}
#container_micuenta_header{
padding: 0;
background: #ffffff;
display:none;
position:absolute;
z-index: 10000;
visibility: hidden;
opacity: 0;
margin-top: 10px;
left: -100%;
width: 100%;
box-sizing:border-box;
box-shadow: 0px 0px 5px #646464;
min-width: 150px;
}
#micuenta_header:hover>div{
display:block;
position:absolute;
visibility: visible;
opacity: 1;
z-index: 1000;
}
#micuenta_header ul {
margin: 0;
padding: 0;
list-style: none;
}
#micuenta_header li {
margin: 0;
padding: 10px;
color: red;
text-align: left;
}
A:LINK.sub_micuenta {
text-decoration : underline;
color:#434343;
font-size : 14px;}
A:VISITED.sub_micuenta {
text-decoration : underline;
color:#434343;
font-size : 14px;}
A:HOVER.sub_micuenta {
text-decoration : underline;
color:#434343;
font-size : 14px;}
/*#menu_mobile{position: absolute; width: 250px; min-height: 100%; overflow: hidden; top: 0; left: -250px; display: none; z-index: 9999; text-align: left; background: #ffffff;}*/
#cuerpo{position: relative; width: 100%; /*overflow: hidden;*/ /*margin: 0 auto;*/ text-align: left;}
.div_full{position: relative; width: 100%;}
.grey_background{background: #e5e5e5;}
/*#top{position: relative; width: 990px; height: 169px; padding: 0 10px 0 10px; background: url(../imagenes/bg_top.gif) 0 0 no-repeat;}*/
/*#top{position: relative; width: 100%; overflow: hidden; background: url(../imagenes/bg_top.gif) left bottom no-repeat; box-sizing: border-box; margin-bottom: 7px;}*/
/*#nav-open{position: absolute; width: 25px; height: 25px; top: 5px; left: 5px;}
.bt_movil{position: relative; width: 25px; height: 3px; background: #191919; margin: 3px 0 3px 0; -webkit-border-radius: 5px; border-radius: 5px;}
#carrito2{position: absolute; width: 25px; height: 32px; top: 40px; left: 5px; display: none; background: url(../imagenes/cart_m.png) 0 0 no-repeat; text-align: center; color: #ffffff; box-sizing: border-box;}
.link_carrito_movil{position: relative; padding: 3px 7px 13px 7px; text-decoration: none; color: #ffffff; line-height: 18px;}
#capa_carrito{position: relative; width: 228px; overflow: hidden; margin-top: 1px; padding-top: 6px; margin-right: 10px; /*background: url(../imagenes/bg_top_carrito.gif) repeat-x; clear: right; */float: right; text-align: right;}
/*#carrito{position: relative; width: 102px; height: 78px; padding: 0 5px 0 120px; color: #ffffff; background: url(../imagenes/bg_carrito.jpg) no-repeat; float: right;}
#div_link_carrito{position: relative; height: 24px; margin: 5px 0 0 10px;}
A:LINK.link_carrito,
A:VISITED.link_carrito {
color: #000000;
text-decoration: none;
font-size: 14px;
font-weight: bold;}
A:HOVER.link_carrito {
text-decoration: underline;}
#div_tiempo_carrito{position: relative; height: 30px; line-height: 22px; font-size: 12px; text-align: right;}
#div_tiempo_carrito span{color: #0154a2; padding-left: 15px;}*/
/*#capa_sesion{position: relative; height: 18px; line-height: 18px; margin-right: 10px; clear: left; margin-left: 20px; float: left;}
A:LINK.bt_cerrar_sesion,
A:VISITED.bt_cerrar_sesion {
text-align: center;
padding-left: 12px;
text-decoration : none;
color: #0054a1;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/arrow_volver.gif) 0 2px no-repeat;}
A:HOVER.bt_cerrar_sesion {
color: #d5ebff;
background: url(../imagenes/arrow_volver.gif) 0 -14px no-repeat;}
#capa_telefono{position: relative; width: 196px; height: 69px; margin-top: 5px; margin-right: 10px; padding-right: 10px; background: url(../imagenes/bg_telefono.png) no-repeat; float: right; box-sizing: border-box;}
#titulo_telefono{position: relative; width: 191px; color: #000000; font-size: 14px; line-height: 24px; text-align: right; font-weight: bold;}
#numero_telefono{position: relative; width: 191px; padding: 0; color: #000000; font-size: 24px; font-weight: bold; line-height: 25px; text-align: right; text-decoration: none; margin-right: 5px;}
#numero_telefono2{position: relative; width: 191px; padding: 0; color: #ffffff; font-size: 24px; font-weight: bold; line-height: 25px; text-align: right; text-decoration: none; margin-right: 5px;}
#horario_telefono{position: relative; width: 191px; color: #000000; font-size: 12px; line-height: 10px; text-align: right; margin-right: 5px;}
#conjunto_menu_m{display: none;}*/
/*#contenido{position: relative; width: 100%; overflow: hidden; box-sizing: border-box; border: 1px solid red;}*/
#alerta{position: relative; width: 100%; padding: 5px; background: red; box-sizing: border-box; text-align: center; color: #ffffff;}
/*#left_column{position: relative; width: 240px; padding: 19px 0 30px 0; float: left;}
#capa_buscar{position: relative; width: 240px; height: 47px; padding-top: 13px; background: url(../imagenes/bg_buscar.gif) no-repeat;}
#titulo_buscar{position: relative; font-size: 12px; color: #0054a1; margin-left: 40px; font-weight: bold;}
#capa_input_buscar{position: relative; width: 144px; height: 22px; padding: 0 5px 0 5px; border: 1px solid #0054a1; background: #ffffff; margin-top: 2px; margin-left: 5px; float: left;}
#input_buscar{width: 144px; height: 18px; color: #0054a1; font-size: 12px; border: 0; line-height: 18px; padding: 0; background: none;}
#capa_bt_buscar{position: relative; margin-top: 2px; margin-left: 5px; float: left;}
A:LINK.bt_buscar,
A:VISITED.bt_buscar {
position: relative;
display: block;
width: 65px;
border: 1px solid #000000;
height: 22px;
line-height: 22px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_bt_buscar.gif) 0 0 repeat-x;}
A:HOVER.bt_buscar {
background: url(../imagenes/bg_bt_buscar.gif) 0 -22px repeat-x; border: 1px solid #0054a1;}
.cab_left_column{position: relative; width: 220px; height: 29px; line-height: 29px; padding-left: 20px; color: #ffffff; font-size: 14px; font-weight: bold; background: url(../imagenes/cab_left_column.gif) no-repeat; margin: 10px 0 10px 0;}
#categorias{position: relative; width: 240px; margin-bottom: 30px; overflow: hidden;}*/
/*miramos menu.css*/
.oculto{display: none;}
/*#empresa{position: relative; width: 240px; margin-bottom: 30px; overflow: hidden;}
#direccion{position: relative; width: 234px; height: 105px; line-height: 16px; margin: 0 0 0 6px; padding: 135px 11px 10px 11px; background: url(../imagenes/bg_direccion.jpg) 0 0 no-repeat; color: #ffffff; font-size: 14px;}
#direccion strong{color: #000000; font-size: 18px; line-height: 20px; font-weight: bold;}
#others_left_column{position: relative; width: 240px; height: 50px; background: url(../imagenes/bg_menu_list.gif) 0 bottom repeat-x;}*/
.apartados_inicio{position: relative; width: 1430px; margin: 0 auto; /*overflow: hidden;*/ height: auto; box-sizing: border-box;}
#carousel{position: relative; width: 100%; max-width: 1430px; margin: 0 auto; height: auto; /*border: 3px solid #bfbfc0;*/ /*overflow:hidden;*/ box-sizing: border-box;}
#carousel .slick-list{width: 100%;}
#carousel .slick-slide img{width: 100%;}
/*.foto_carousel{position: relative; width: 100% !important;}
.foto_carousel img{width: 100%;}*/
#carousel .slick-dots{bottom: 10px !important;}
#carousel .slick-dots li {margin: 0 10px;}
#carousel .slick-dots li button:before{font-size: 16px !important; color: #e5e5e5; opacity: 1;}
#carousel .slick-active button:before{color: #0054a1 !important;}
.capa_contenedora_listados{
position: relative;
width: 100%;
/*overflow: hidden;*/
color: #000;
font-size: 14px;
text-align: justify;
/*padding: 0 0 15px 0;*/
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.capa_contenido{
position: relative;
width: 100%;
/*overflow: hidden;*/
color: #000;
font-size: 14px;
text-align: justify;
padding: 0 0 15px 0;
}
/*#centro{position: relative; width: 735px; margin-left: 15px; padding-top: 28px; overflow: hidden; float: left; box-sizing: border-box;}*/
/***contenidos***/
.detalle_contenidos{position: relative; width: 700px; padding: 10px; margin-bottom: 20px; padding-bottom: 11px;}
.detalle_contenidos p{margin: 5px 0 5px 0;}
.detalle_contenidos p strong{ color: #0054a1; font-weight: bold;}
/***fin contenidos***/
/***Mi cuenta***/
.cuadro_mi_cuenta_ancho{position: relative; width: 698px; overflow: hidden; padding: 10px; margin-bottom: 20px; border: 1px solid #0054a1; background: #ffffff url(../imagenes/bg_listado_productos.gif) 0 0 repeat-x;}
.titulo_cuadro_mi_cuenta_ancho{position: relative; width: 100%; padding: 5px 5px 5px 10px; color: #ffffff; font-size: 18px; font-weight: bold; background: #0054a1; box-sizing: border-box;}
.titulo_cuadro_mi_cuenta_ancho h3{display: inline; font-size: 18px; font-weight: bold;}
#cuadro_mapa{position: relative; width: 100%; height: 400px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-top: 20px; box-sizing: border-box;}
#infowindow{position: relative; width: 210px; font-size: 11px;}
#infowindow p{margin: 10px;}
#infowindow p strong{color: #0054a1; font-size: 14px;}
.contenido_cuadro_mi_cuenta_ancho{position: relative; width: 100%; padding: 20px 20px 10px 20px; overflow: hidden; box-sizing: border-box;}
.conjunto_form{position: relative; width: 50%; margin: 0 auto;}
.div_subtitulo_cuadro_mi_cuenta_ancho{position: relative; width: 100%; padding-left: 10px; font-size: 16px; font-weight: bold; color: #0054a1; background: url(../imagenes/arrow_titulos.gif) 0 5px no-repeat;}
A:LINK.links_subtitulo_mi_cuenta,
A:VISITED.links_subtitulo_mi_cuenta{
color: #0054a1;
text-decoration: none;
}
A:HOVER.links_subtitulo_mi_cuenta{text-decoration: underline;}
.descripcion_cuadro_mi_cuenta_ancho{position: relative; width: 100%; overflow: hidden; font-size: 12px; line-height: 15px; color: #000000;}
.descripcion_cuadro_mi_cuenta_ancho h3{color: #0054a1; font-weight: bold; font-size: 14px;}
.descripcion_cuadro_mi_cuenta_ancho p{margin: 5px 0 5px 0; text-align: justify;}
.descripcion_cuadro_mi_cuenta_ancho p strong{ color: #0054a1; font-weight: bold;}
.linea_campo_cuadro_ancho{position: relative; overflow: hidden; margin-top: 10px;}
.textarea_cuadro{width: 100%; height: 100px; color: #000; font-size: 14px; border: 0; line-height: 18px; padding: 10px; font-family: 'Montserrat', sans-serif; background: none; box-sizing: border-box;}
/*.div_bt_contactar{position: relative; width: 100%; margin-top: 20px; float: left; clear: left; margin-left: 35%;}*/
/***fin mi cuenta***/
/***listado de productos***/
.titulo_apartado{position: relative; width: 100%; /*padding-bottom: 5px; *//*background: url(../imagenes/bottom_titulos.gif) left bottom no-repeat;*/ margin-bottom: 10px; box-sizing: border-box; text-align: center; text-transform: lowercase;}
.titulo_apartado h1, .titulo_apartado h2{font-size: 28px;}
.titulo_apartado h1:first-letter{text-transform: uppercase; font-size: 28px;}
.titulo_apartado h2:first-letter{text-transform: uppercase; font-size: 28px;}
/*.titulo_apartado h2{display: inline; font-size: 26px; font-weight: 700; color: #000;}
.titulo_apartado h2 strong{font-size: 18px; font-weight: bold; color: #000;}
.titulo_apartado h2 strong{font-size: 18px; font-weight: bold; color: #000;}*/
.div_separador{
text-align: center;
padding-bottom: 60px;
line-height: 0;
font-size: 0;
}
.separador {
border-top-style: solid;
border-top-width: 5px;
border-top-color: #0054a1;
width: 20%;
display: block;
margin: 0 auto;
}
.titulo_subportada{position: relative; width: 100%; overflow: hidden; margin-bottom: 10px; box-sizing: border-box; /*border-bottom: 1px solid #e5e5e5;*/ background: #e5e5e5; margin: 0 0 20px 0; padding: 10px; text-align: center;}
.titulo_subportada h2{display: inline; font-weight: 600; font-size: 22px;}
#titulo_subcategorias{position: relative; width: 100%; overflow: hidden; margin-bottom: 10px; font-weight: 600; font-size: 16px; padding-left: 15px; box-sizing: border-box;}
#conjunto_subcategorias{position: relative; width: 100%;/* overflow: hidden;*/ /*min-height: 170px;*/ height: auto; margin-bottom: 35px; padding: 0 15px; box-sizing: border-box; cursor: pointer;}
#conjunto_subcategorias .slick-track{margin-left: 0;}
#conjunto_subcategorias .slick-prev{left: 0; z-index: 1000; width: 25px; height: 25px;}
#conjunto_subcategorias .slick-next{right: 0; z-index: 1000; width: 25px; height: 25px;}
#conjunto_subcategorias .slick-prev:before {
font-size: 26px;
font-family: 'Material Icons';
content: '\e5e0';
color: #000;
}
#conjunto_subcategorias .slick-next:before {
font-size: 26px;
font-family: 'Material Icons';
content: '\e5e1';
color: #000;
}
.contenedor_subcategoria{position: relative; width: auto; overflow: hidden; float: left;}
.div_subcategoria{position: relative; width: 150px; height: 150px; border: 1px solid #e5e5e5;}
.div_subcategoria img{display: block; width: 100%;}
.nombre_subcategoria{position: relative; width: 150px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px;}
.nombre_subcategoria h2{display: inline; font-size: 14px; font-weight: 400;}
.capa_filtros{position: relative; width: 100%; overflow: hidden; padding: 0; margin-bottom: 20px; background: #e5e5e5; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px;}
.filtro_orden{position: relative; width: 60%; font-size: 14px; color: #000; float: right; text-align: right; border: none; padding: 6px; box-sizing: border-box;}
.select_filtros{position: relative; width: 200px; margin-left: 10px; border: 0; border-right: 10px solid transparent; font-size: 14px; color: #000; background: #fff; padding: 5px 10px; font-family: 'Montserrat', sans-serif; -webkit-border-radius: 5px; border-radius: 5px;}
.filtro_numero{position: relative; width: 40%; display: table-cell; vertical-align: middle;font-size: 14px; color: #000; float: left; padding: 9px; box-sizing: border-box;}
.filtro_numero span{position: relative; /*top: -7px;*/ display: table-cell; vertical-align: middle; font-size: 14px; color: #000;/* line-height: 16px;*/}
.filtro_numero span::before{
font-family: 'Material Symbols Outlined';
content: '\e9b9';
position: relative;
/*top: 8px;*/
top: -1px;
font-size: 20px;
text-decoration: none;
color: #000;
margin-right: 10px;
vertical-align:middle;}
/*.filtro_numero span:before{
font-family: 'Material Symbols Outlined';
content: '\e9b9';
position: relative;
top: 5px;
font-size: 22px;
font-weight: 200;
text-decoration: none;
color: #000;
margin-right: 5px;}*/
/*#locator{position: relative; width: 100%; height: 17px; margin-bottom: 10px; padding-left: 5px; background: #000000; border-bottom: 2px solid #0054a1; box-sizing: border-box;}
#links_locator{position: relative; line-height: 17px; color: #ffffff; float: left;}
#links_locator span{color: #d5ebff; font-weight: bold;}
#links_locator h1{display: inline; color: #d5ebff; font-weight: bold; font-size: 12px;}
A:LINK.links_locator,
A:VISITED.links_locator{
position: relative;
color: #ffffff;
text-decoration: none;
}
A:HOVER.links_locator{text-decoration: underline;}
#links_volver{position: relative; width: 80px; height: 15px; float: right; padding: 1px 0 1px 0;}
A:LINK.link_volver,
A:VISITED.link_volver{
position: relative;
padding: 0 10px 0 15px;
line-height: 15px;
margin-right: 1px;
color: #0054a1;
text-align: center;
text-decoration: none;
float: right;
background: #d5ebff url(../imagenes/arrow_volver.gif) 3px 3px no-repeat;
}
A:HOVER.link_volver{color: #ffffff; background: #0054a1 url(../imagenes/arrow_volver.gif) 3px -13px no-repeat;}*/
#locator{position: relative; width: 100%; max-width: 1430px; overflow: hidden; /*height: 17px;*/ margin: 0 auto; margin-bottom: 60px; padding: 20px 0; box-sizing: border-box; font-weight: 500;/* border-bottom: 1px solid #e5e5e5;*/}
#links_locator{position: relative; width: 100%; /*line-height: 17px;*/ padding: 0; color: #0054a1; float: left;}
#links_locator ol{
margin: 0;
padding: 0;
list-style: none;
float: left;}
#links_locator li{
position: relative;
float: left;
margin: 0 5px 0 0;
display: inline;}
#links_locator li::before {
content: ">";
color: #000;
}
#links_locator li:first-child::before {
content: ""
}
#links_locator a span{display:inline-block; color: #000; text-transform: lowercase;}
/*#links_locator strong{color: #ff0000; font-weight: bold;}*/
/*#links_locator:first-letter{text-transform: uppercase;}*/
#links_locator span:first-letter{text-transform: uppercase;}
/*#links_locator h1{display: inline; color: #d5ebff; font-weight: bold; font-size: 12px;}*/
.link_locator:first-letter{text-transform: uppercase;}
A:LINK.link_locator,
A:VISITED.link_locator{
display:inline-block;
position: relative;
color: #000;
text-decoration: none;
text-transform: lowercase;
}
A:HOVER.link_locator{text-decoration: underline;}
/*#links_volver{position: relative; width: 20%; height: 15px; float: right; padding: 1px 0 1px 0;}
A:LINK.link_volver{
position: relative;
padding: 0 10px 0 15px;
line-height: 15px;
margin-right: 1px;
color: #0054a1;
text-align: center;
text-decoration: none;
float: right;
background: #d5ebff url(../imagenes/arrow_volver.gif) 3px 3px no-repeat;
}
A:VISITED.link_volver{
position: relative;
padding: 0 10px 0 15px;
line-height: 15px;
margin-right: 1px;
color: #0054a1;
text-align: center;
text-decoration: none;
float: right;
background: #d5ebff url(../imagenes/arrow_volver.gif) 3px 3px no-repeat;
}
A:HOVER.link_volver{color: #ffffff; background: #0054a1 url(../imagenes/arrow_volver.gif) 3px -13px no-repeat;}*/
/*#steps{position: relative; width: 720px; height: 40px; margin-bottom: 10px;}
#step1{position: relative; width: 232px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; float: left; padding-left: 5px;}
#step1_2{position: relative; width: 232px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; float: left; padding-left: 5px;}
#step2_out{position: relative; width: 232px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; background: #d5ebff; float: left; margin-left: 5px; padding-left: 5px;}
#step2{position: relative; width: 232px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; float: left; margin-left: 5px; padding-left: 5px;}
#step3_out{position: relative; width: 231px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; background: #d5ebff; float: left; margin-left: 5px; padding-left: 5px;}
#step3{position: relative; width: 231px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; float: left; margin-left: 5px; padding-left: 5px;}*/
/*#steps{width: 100%; overflow: hidden; margin-bottom: 10px;}
#step1{width: 32%; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; padding: 3px 5px 3px 5px; vertical-align: top;}
#step1_2{width: 32%; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; padding: 3px 5px 3px 5px; vertical-align: top;}
#step2_out{width: 32%; color: #ffffff; font-size: 14px; font-weight: bold; background: #d5ebff; padding: 3px 5px 3px 5px; border-left: 5px solid #ffffff; margin-left: 5px; vertical-align: top;}
#step2{width: 32%; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; padding: 3px 5px 3px 5px; border-left: 5px solid #ffffff; margin-left: 5px; vertical-align: top;}
#step3_out{width: 32%; color: #ffffff; font-size: 14px; font-weight: bold; background: #d5ebff; padding: 3px 5px 3px 5px; border-left: 5px solid #ffffff; margin-left: 5px; vertical-align: top;}
#step3{width: 32%; color: #ffffff; font-size: 14px; font-weight: bold; background: #0054a1; padding: 3px 5px 3px 5px; border-left: 5px solid #ffffff; margin-left: 5px; vertical-align: top;}*/
#conjunto-flechas{position: relative; width: 100%; max-width: 1430px; height: 100%; overflow: hidden; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; margin-bottom: 60px; padding: 1px 0; box-sizing: border-box; font-size: 18px;}
#flecha0{position: relative; width: 33%; box-sizing: border-box; float: left;}
#flecha0 .texto-flecha span:before, #flecha0 .texto-flecha-oscura span:before{
font-family: 'Material Symbols Outlined';
content: '\f784';
margin-right: 5px;
position: relative;
top: 8px;
font-size: 28px;
line-height: 14px;}
#flecha1{position: relative; width: 33%; box-sizing: border-box; float: left;}
#flecha1 .texto-flecha span:before, #flecha1 .texto-flecha-oscura span:before{
font-family: 'Material Symbols Outlined';
content: '\f783';
margin-right: 5px;
position: relative;
top: 8px;
font-size: 28px;
line-height: 14px;}
#flecha2{position: relative; width: 25%; box-sizing: border-box; float: left;}
#flecha2 .texto-flecha span:before, #flecha2 .texto-flecha-oscura span:before{
font-family: 'Material Symbols Outlined';
content: '\f782';
margin-right: 5px;
position: relative;
top: 8px;
font-size: 28px;
line-height: 14px;}
#flecha3{position: relative; width: 34%; box-sizing: border-box; float: left;}
.texto-flecha {
width: 100%;
height: 100%;
/*padding: 20px;*/
height: 60px;
color: #000;
float: left;
text-align: center;
box-sizing: border-box;
line-height: 60px;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#flecha3 .texto-flecha span:before, #flecha3 .texto-flecha-oscura span:before{
font-family: 'Material Symbols Outlined';
content: '\f781';
margin-right: 5px;
position: relative;
top: 8px;
font-size: 28px;
line-height: 14px;}
.texto-flecha-oscura {
width: 100%;
height: 100%;
background: #fff;
/*padding: 20px;*/
height: 60px;
color: #000;
float: left;
text-align: center;
box-sizing: border-box;
line-height: 60px;
text-transform: uppercase;
}
.fecha-oscura {
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 30px solid #fff;
float: right;
background: #e5e5e5;
}
.descripcion{position: relative; width: 100%; overflow: hidden; color: #000000; margin-bottom: 20px;}
.descripcion p{margin: 0;}
.descripcion strong{font-weight: 500; color: #000;}
.indice_pagina{position: relative; width: 720px; overflow: hidden; color: #0054a1; font-size: 11px; margin-bottom: 20px; padding: 2px 5px 2px 5px; background: #d5ebff; box-sizing: border-box;}
A:LINK.indice_paginas,
A:VISITED.indice_paginas{
position: relative;
color: #000000;
text-decoration: underline;
}
A:HOVER.indice_paginas{text-decoration: none;}
.sin_resultado{position: relative; width: 710px; overflow: hidden; color: #000000; font-size: 12px; margin-bottom: 20px; padding: 2px 5px 2px 5px;}
.capa_productos{position: relative; width: 20%; overflow: hidden; height: auto; padding: 0 20px; box-sizing: border-box; cursor:pointer; border-inline-end: 1px solid #e5e5e5; margin-bottom: 40px;}
.interior_capa_producto{position: relative; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; background: #fff; /*box-shadow: 0px 0px 5px #434343;*/}
.destacado_producto{position: absolute; width: auto; overflow: hidden; top: 0px; left: 0px; z-index: 1; color: #fff; text-align: center; color: #434343; /*font-weight: 700;*/ box-sizing: border-box; line-height: 16px;}
.destacado_producto ul {
margin: 0;
padding: 0;
list-style: none;
}
.destacado_producto li{
width: fit-content;
line-height: 14px;
font-size: 12px;
position: relative;
padding: 3px 7px;
margin-bottom: 3px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*padding: 2px 5px;*/
}
.label_oferta{background: #f25c05; color: #fff;}
.label_novedad{background: #e5e5e5; color: #000;}
.label_liquidacion{background: #000; color: #fff;}
.capa_contenedora_listados .capa_productos:nth-child(5n+5){border: none; padding-right: 21px;}
/*.capa_productos{position: relative; width: 208px; overflow: hidden; padding: 10px; margin: 0 15px 20px 0; float: left; border: 1px solid #0054a1; background: #ffffff url(../imagenes/bg_listado_productos.gif) 0 0 repeat-x;}*/
.titulo_productos_listado{position: relative; width: 100%; min-height: 38px; overflow: hidden; text-align: center; box-sizing: border-box; /*white-space: nowrap;*/ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.titulo_productos_listado h3{display: inline; color: #0054a1; font-size: 14px; font-weight: 500; text-transform: capitalize;}
.titulo_productos_listado h3 a{color: #0054a1;}
A:LINK.links_titulos,
A:VISITED.links_titulos {
color: #0054a1;
text-decoration: none;
text-transform: lowercase;}
A:HOVER.links_titulos {
text-decoration: underline;}
.titulo_productos_listado:first-letter{
text-transform: uppercase;
}
.img_productos_listado{
position: relative;
width: 100%;
overflow: hidden;
}
.img_productos_listado img{
width: 100%;
display: block;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;}
.interior_capa_producto:hover div a img{
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
.interior_capa_producto:hover .capa_bt_detallar_oferta a{
background: #0054a1;
color: #fff;
-webkit-transition: background-color 0.5s linear;
-ms-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
.img_productos_listado img{width: 100%;}
.bottom_productos_listado{position: relative; width: 100%; margin-top: 5px;}
.capa_bt_detallar_oferta{position: relative; width: 100%; margin-top: 15px;}
A:LINK.bt_ampliar_oferta,
A:VISITED.bt_ampliar_oferta {
position: relative;
display: block;
width: 80%;
margin: 0 auto;
/*height: 35px;
line-height: 28px;*/
padding: 10px;
text-align: center;
text-decoration : none;
color: #000;
font-size : 14px;
font-weight: 600;
background: #e5e5e5;
-webkit-border-radius: 5px;
border-radius: 5px;}
A:HOVER.bt_ampliar_oferta {
background: #0054a1;
color: #fff;}
.precio_ud{position: relative; width: 100%; text-align: center; font-size: 16px; color: #000000; font-weight: 400;}
.precio_ud span{/*color: #0054a1;*/}
.precio_tachado{text-decoration: line-through; font-size: 14px; color: #808080;}
#capa_resumen_carrito{position: relative; width: calc(60% - 40px); margin-right: 40px; margin-top: 5px; margin-bottom: 50px; float: left; box-sizing: border-box; font-size: 16px;}
/*.capa_resumen_carrito{position: relative; width: 100%; overflow: hidden; box-sizing: border-box;}*/
/*.titulo_resumen_carrito{position: relative; width: 100%; padding: 5px 5px 5px 10px; color: #ffffff; font-size: 18px; font-weight: bold; background: #0054a1; box-sizing: border-box;}
.titulo_resumen_carrito h3{display: inline; font-size: 16px; font-weight: bold;}*/
.titulo_carrito{position: relative; width: 100%; margin-bottom: 5px; box-sizing: border-box; text-transform: lowercase;}
.titulo_carrito h1, .titulo_carrito h2{display: inline-block; font-size: 26px; font-weight: 700; color: #000; margin: 0;}
.titulo_carrito h1:first-letter, .titulo_carrito h2:first-letter{text-transform: uppercase;}
.subtitulo_carrito{position: relative; width: 100%; overflow: hidden; color: #808080; margin-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-top:17px;}
.subtitulo_carrito span{display: inline-block; font-weight: 500;}
.subtitulo_carrito span:first-letter{text-transform: uppercase;}
.subtitulo_sesion{position: relative; width: 100%; overflow: hidden; color: #808080; margin-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; padding-bottom: 7px; margin-top:17px;}
.subtitulo_sesion span{display: inline-block; font-weight: 500;}
A:LINK.link_cerrar_sesion,
A:VISITED.link_cerrar_sesion {
display: block;
font-size: 16px;
text-decoration: none;
color: #808080;}
A:HOVER.link_cerrar_sesion {}
.link_cerrar_sesion span:before{
font-family: 'Material Icons';
content: '\e73c';
margin-right: 10px;
position: relative;
top: 4px;
font-size: 18px;
}
.titulo_pasos_compra{position: relative; width: 100%; margin-bottom: 10px; box-sizing: border-box; text-transform: lowercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.titulo_pasos_compra50{position: relative; width: calc(100% - 10px); text-transform: lowercase; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px;}
.modificacion_resumen{position: relative; float: right;}
A:LINK.link_modificar_pedido,
A:VISITED.link_modificar_pedido {
color: #000;}
A:HOVER.link_modificar_pedido {}
.link_modificar_pedido span{position: relative; top: 5px;}
.titulo_pasos_compra h1, .titulo_pasos_compra50 h1, .titulo_pasos_compra h2, .titulo_pasos_compra50 h2{display: inline-block; font-size: 26px; font-weight: 700; color: #000; margin: 0;}
.titulo_pasos_compra h1:first-letter, .titulo_pasos_compra50 h1:first-letter, .titulo_pasos_compra h2:first-letter, .titulo_pasos_compra50 h2:first-letter{text-transform: uppercase;}
.contenido_resumen_carrito_vacio{position: relative; width: 100%; overflow: hidden; padding: 10px 0; overflow: hidden; text-align: center; box-sizing: border-box;}
.contenido_resumen_carrito_vacio span{font-size: 26px; font-weight: 400;}
.contenido_resumen_carrito_vacio span:before{
font-family: 'Material Icons';
content: '\e88e';
margin-right: 10px;
position: relative;
top: 22px;
font-size: 64px;
line-height: 14px;}
.contenido_resumen_carrito{position: relative; width: 100%; overflow: hidden; /*padding: 20px 20px 10px 20px; */overflow: hidden; box-sizing: border-box;}
/*.cab_resumen_producto{position: relative; width: 100%; overflow: hidden; background: #000000; color: #ffffff;}
.columna_descripcion{position: relative; width: 100%; margin-left: 15%; float: left; box-sizing: border-box;}
.columna_precio{position: relative; width: 105px; text-align: center; float: left;}
.columna_importe{position: relative; width: 105px; text-align: center; float: left;}*/
.linea_resumen_producto{position: relative; width: 100%; overflow: hidden; margin-top: 5px;}
.borde_linea_resumen_producto{border-bottom: 1px solid #e5e5e5; padding-top: 5px;}
.foto_resumen_producto{position: relative; width: 20%; float: left; padding-right: 10px; /*border-right: 1px solid #0054a1;*/ box-sizing: border-box;}
/*.resumen_sin_foto{position: relative; margin: 0 4px 0 4px; border: 1px solid #d8d8d8; text-align: center; padding-top: 25px; font-size: 10px; color: #d3d3d3;}*/
.foto_resumen_producto img{width: 100%;}
/*.descripcion_resumen_producto{position: relative; width: 226px; height: 84px; float: left; padding: 0 10px 0 10px; border-right: 1px solid #0054a1; color: #000000; font-size: 12px;}*/
.descripcion_resumen_producto{position: relative; width: 35%; overflow: hidden; float: left; font-size: 14px; color: #000; box-sizing: border-box; padding: 0 0 0 20px; cursor: pointer;}
/*.descripcion_resumen_producto h1{display: inline; font-size: 14px; font-weight: bold; color: #0054a1;}*/
.descripcion_resumen_producto span{font-size: 16px; color: #0054a1; font-weight: 600;}
/*.descripcion_resumen_producto p{margin: 5px 0 5px 0; font-size: 11px; color: #000000; font-weight: normal;}
.descripcion_resumen_producto strong{font-weight: bold; font-size: 12px; color: #000000;}*/
.conjunto_detalle_carrito{position: relative; width: 45%; overflow: hidden; float: left; margin: 0 0 2px 0; box-sizing: border-box;}
.cantidad_resumen_producto{position: relative; width: 30%; overflow: hidden; padding: 0; text-align: center; font-size: 16px; line-height: 26px; font-weight: 600; color: #000000; float: left;/* border-right: 1px solid #d8d8d8;*/ box-sizing: border-box;}
/*.div_titulos_carrito{position: relative; width: 100%; height: 12px; background: #191919; color: #ffffff; font-size: 10px; margin-bottom: 2px; font-weight: normal; padding: 0 5px 0 5px; box-sizing: border-box;}*/
/*.div_cantidad_carrito_resumen{position: relative; width: 97px; margin: 15px 0 5px 0;}*/
.bt_mas_carrito, .bt_menos_carrito{position: relative; width: 25px; height: 100%; float: left;}
A:LINK.mas_carrito,
A:VISITED.mas_carrito {
display: block;
width: 100%;
height: 24px;
font-size: 12px;
text-decoration: none;
background: #e5e5e5;
color: #000;}
A:HOVER.mas_carrito {}
.mas_carrito span{display: block;}
A:LINK.menos_carrito,
A:VISITED.menos_carrito {
display: block;
width: 100%;
height: 24px;
text-decoration: none;
line-height: 12px;
background: #e5e5e5;
color: #000;}
A:HOVER.menos_carrito {}
.menos_carrito span{position: relative; display: block;}
/*.div_cantidad_carrito{position: relative; width: 32px; height: 26px; float: left; border: 1px solid #191919;}
.cantidad_carrito{width: 30px; height: 22px; text-align: center; font-weight: bold; line-height: 24px; color: #191919; border: 0; background: none;}*/
.div_cantidad_carrito{position: relative; width: calc(100% - 50px); overflow: hidden; color: #000; font-size: 14px; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.cantidad_carrito{width: 100%; height: 22px; color: #000; text-align: right; padding: 0;/* padding-top: 2px; padding-bottom: 2px; */text-align: center; font-size: 16px; border: 0; font-family: 'Montserrat', sans-serif;}
.precio_resumen_producto{position: relative; width: 30%; font-size: 16px; color: #000; float: left; font-weight: 600;/* border-right: 1px solid #d8d8d8;*/ box-sizing: border-box; line-height: 26px;}
/*.precio_resumen_producto p{margin: 0; line-height: 30px;}*/
.importe_resumen_producto{position: relative; width: 30%; text-align: right; font-size: 16px; line-height: 26px; font-weight: 600; color: #000; float: left; box-sizing: border-box;}
/*.importe_resumen_producto p{margin: 0; line-height: 30px;}*/
.div_eliminar{position: relative; width: 10%; float: left; box-sizing: border-box; text-align: right;}
A:LINK.bt_eliminar,
A:VISITED.bt_eliminar {
color: #000;}
A:HOVER.bt_eliminar {}
.error_carrito{position: relative; width: 100%; clear: both; box-sizing: border-box; margin-top: 5px; color: #ff0000; display: none; line-height: 22px;}
.error_carrito:before
{
position: relative;
color: #434343;
font-size: 20px;
font-family: 'Material Icons';
content: '\e88e';
top: 4px;
color: #ff0000;
margin-right: 5px;
}
.linea_resumen_envio{position: relative; display: table; /*width: 100%;*/ clear: both; float: right; overflow: hidden; margin-top: 5px; padding: 5px 0 5px 0;/* border-top: 1px solid #d8d8d8;*/}
.izq_linea_envio{position: relative; float: left; text-align: right; font-size: 16px; font-weight: 400; color: #000; text-transform: lowercase;}
.izq_linea_envio:first-letter{text-transform: uppercase;}
.izq_linea_envio span{font-size: 16px; font-weight: normal;}
#envio{width: 250px; /*height: 20px; */color: #000; font-size: 14px; margin: 0; font-weight: 400; padding: 10px;}
#importe_envio{position: relative; width: 95px; float: left; text-align: right; font-size: 16px; font-weight: 600; color: #000;}
.linea_resumen_reembolso{position: relative; display: table; clear: both; float: right; overflow: hidden; margin-top: 5px; padding: 5px 0 5px 0;}
.izq_linea_reembolso{position: relative; float: left; text-align: right; font-size: 16px; font-weight: 400; color: #000; text-transform: lowercase;}
.izq_linea_reembolso:first-letter{text-transform: uppercase;}
.izq_linea_reembolso span{font-size: 16px; font-weight: normal;}
#importe_reembolso{position: relative; width: 95px; float: left; text-align: right; font-size: 16px; font-weight: 600; color: #000;}
.linea_resumen_base{position: relative; display: table; clear: both; float: right; overflow: hidden; margin-top: 5px; padding: 5px 0 5px 0;}
.izq_linea_base{position: relative; float: left; text-align: right; font-size: 16px; font-weight: 400; color: #000; text-transform: lowercase;}
.izq_linea_base:first-letter{text-transform: uppercase;}
.izq_linea_base span{font-size: 16px; font-weight: normal;}
#base{width: 200px; height: 20px; color: #000; font-size: 16px; margin: 0;}
.importes_bases{position: relative; width: 95px; float: left; text-align: right; font-size: 16px; font-weight: 600; color: #000;}
#importe_base{position: relative; width: 95px; float: left; text-align: right; font-size: 16px; font-weight: 600; color: #000;}
.linea_resumen_impuestos{position: relative; display: table; clear: both; float: right; overflow: hidden; margin-top: 5px; padding: 5px 0 5px 0;}
.izq_linea_impuestos{position: relative; float: left; text-align: right; font-size: 16px; font-weight: 400; color: #000; text-transform: lowercase;}
.izq_linea_impuestos:first-letter{text-transform: uppercase;}
.izq_linea_impuestos span{font-size: 16px; font-weight: normal;}
#impuestos{width: 200px; height: 20px; color: #000; font-size: 16px; margin: 0;}
/*#importe_impuestos{position: relative; width: 105px; float: left; text-align: right; font-size: 14px; font-weight: bold; color: #191919;}*/
.importe_impuestos{position: relative; width: 95px; float: left; text-align: right; font-size: 16px; font-weight: 600; color: #000;}
.linea_resumen_total{position: relative; display: table; clear: both; float: right; overflow: hidden; padding: 5px 0 5px 0; /*border-top: 1px solid #d8d8d8;*/}
.izq_linea_total{position: relative; float: left; text-align: right; font-size: 18px; font-weight: 400; color: #000000; text-transform: lowercase;}
.izq_linea_total:first-letter{text-transform: uppercase;}
#importe_total{position: relative; width: 95px; float: left; text-align: right; font-size: 18px; font-weight: 600; color: #000;}
/*.linea_aviso_reembolso{position: relative; width: 658px; overflow: hidden; margin-top: 10px; padding: 5px 0 5px 0; text-align: right; font-size: 10px;}*/
.linea_aviso_reembolso{position: relative; display: table; clear: both; float: right; overflow: hidden; padding: 20px 0 0 0; text-align: right; font-size: 14px;}
.linea_bt_comprar{position: relative; width: 100%; overflow: hidden; margin-top: 30px;}
A:LINK.bt_realizar_pedido,
A:VISITED.bt_realizar_pedido {
position: relative;
display: block;
float: right;
width: 150px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_realizar_pedido {
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x; border: 1px solid #0054a1;}
/*.linea_bt_modicicar_carrito{position: relative; overflow: hidden; margin-top: 10px; padding: 5px 0 5px 250px;}*/
.linea_bt_modicicar_carrito{position: relative; display: table; clear: both; margin: 10px auto; margin-bottom: 0;}
A:LINK.bt_modificar,
A:VISITED.bt_modificar {
display: block;
width: 120px;
height: 28px;
border: 1px solid #000000;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_modificar {
border: 1px solid #0054a1;
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x;}
/*.cuadro_carrito{position: relative; width: 328px; margin-bottom: 15px; padding: 10px; overflow: hidden; border: 1px solid #0054a1; background: #ffffff url(../imagenes/bg_listado_productos.gif) 0 0 repeat-x;}*/
#capa_mi_cuenta1{position: relative; width: calc(40% - 40px); margin-right: 40px; margin-top: 5px; margin-bottom: 50px; float: left; box-sizing: border-box; font-size: 16px;}
#capa_mi_cuenta2{position: relative; width: 60%; /*padding-right: 20px;*/ margin-top: 5px; margin-bottom: 50px; float: left; box-sizing: border-box; border: 0;}
#capa_mi_cuenta2 .ui-tabs .ui-tabs-panel{padding: 0;}
#capa_mi_cuenta2 .ui-corner-all{ -webkit-border-radius: 0px; border-radius: 0px;}
#capa_mi_cuenta2 .ui-widget.ui-widget-content{ border: 0;}
#capa_registro_carrito{position: relative; width: 40%; /*padding-right: 20px;*/ margin-top: 5px; margin-bottom: 50px; float: left; box-sizing: border-box;}
#capa_registro_carrito .ui-tabs .ui-tabs-panel{padding: 0;}
#capa_registro_carrito .ui-corner-all{ -webkit-border-radius: 0px; border-radius: 0px;}
#capa_registro_carrito .ui-widget.ui-widget-content{ border: 0;}
#tabs_registro{position: relative; width: 100%; padding: 0;}
/*#tabs_registro div, #tabs div div{text-align: left !important;}*/
#tabs_registro ul{padding: 0;}
#tabs_registro .ui-widget {font-family: 'Montserrat', sans-serif !important;}
#tabs_registro .ui-widget-header {background: #fff; border: 0; border-bottom: 1px solid #e5e5e5;}
/*.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
color: #434343;
}*/
#tabs_registro .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
color: #808080;
padding: 8px 50px !important;
font-size: 16px;
font-weight: 500;
}
#tabs_registro .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
color: #808080;
font-size: 16px;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}
#tabs_registro .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 1px solid #fff;
background: #fff;
font-weight: normal;
color: #808080;
}
#tabs_registro .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid #e5e5e5;
font-weight: 600 !important;
background: #fff;
}
#cuadro_iniciar_sesion{position: relative; width: 100%; margin-bottom: 50px; overflow: hidden; box-sizing: border-box;}
#cuadro_registrarse{position: relative; width: 100%; margin-bottom: 50px; overflow: hidden; box-sizing: border-box;}
.cuadro_carrito{position: relative; width: 48%; margin-bottom: 15px; padding: 10px; overflow: hidden; border: 1px solid #0054a1; background: #ffffff url(../imagenes/bg_listado_productos.gif) 0 0 repeat-x; box-sizing: border-box;}
.margin_cuadro_carrito{margin-right: 15px;}
.titulo_cuadro_carrito{position: relative; width: 100%; padding: 5px 5px 5px 10px; color: #ffffff; font-size: 18px; font-weight: bold; background: #0054a1; box-sizing: border-box;}
.titulo_cuadro_carrito h3{display: inline; font-size: 16px; font-weight: bold;}
.linea_como_comprar{position: relative; width: 288px; padding: 20px 20px 0 20px; overflow: hidden; border: 1px solid red;}
.contenido_cuadro_carrito{position: relative; width: 100%; /*padding: 5px 20px 10px 20px; */overflow: hidden; box-sizing: border-box; margin-bottom: 20px;}
#error_confirmacion{position: relative; width: 100%; overflow: hidden; color: #ff0000; font-size: 14px; display: none;}
#loading_confirmacion_pedido{position: relative; width: 100%; overflow: hidden; margin-bottom: 10px; text-align: center; font-size: 16px;}
.parpadeo_confirmacion{
animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name:parpadeo;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes parpadeo {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.contenido_cuadro_carrito_50{position: relative; width: 50%; overflow: hidden; float: left;}
.aviso_entrega{position: relative; width: 100%; font-size: 12px; color: #ffffff; background: #ff0000; padding: 5px; margin-bottom: 10px; box-sizing: border-box;}
.div_subtitulo_cuadro{position: relative; width: 100%; padding-left: 10px; font-size: 16px; font-weight: bold; color: #0054a1; background: url(../imagenes/arrow_titulos.gif) 0 5px no-repeat;}
.descripcion_cuadro_carrito{position: relative; width: 100%; overflow: hidden; font-size: 12px; line-height: 15px; color: #000000;}
.margin_subtitulo_cuadro{margin-top: 20px;}
.div_capa_entrega{position: relative; width: 100%; overflow: hidden; box-sizing: border-box;}
.capa_direccion{padding: 20px 20px;}
#error_form1, #error_form2{position: relative; width: 100%; overflow: hidden; font-size: 18px; margin-top: 5px; color: #ff0000; display: none; margin-top: 30px; box-sizing: border-box;}
#error_form1:before, #error_form2:before{
font-family: 'Material Icons';
content: '\e002';
margin-right: 5px;
position: relative;
width: 30px;
top: 4px;
font-size: 22px;
line-height: 14px;
display: table-cell;}
#confirmacion_form, #confirmacion_form2{position: relative; width: 100%; overflow: hidden; font-size: 18px; margin-top: 5px; color: #008000; display: none; margin-top: 30px; box-sizing: border-box;}
#confirmacion_form:before, #confirmacion_form2:before{
font-family: 'Material Icons';
content: '\e86c';
margin-right: 5px;
position: relative;
width: 30px;
top: 4px;
font-size: 22px;
line-height: 14px;
display: table-cell;}
.linea_listado_pedidos{position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.linea_campo_cuadro{position: relative; width: 100%; overflow: hidden; margin-top: 20px;}
.titulo_pedido{position: relative; width: 100%; color: #000000; font-size: 16px; font-weight: 500;}
.ver_pedido{position: relative; float: right;}
A:LINK.link_ver_pedido,
A:VISITED.link_ver_pedido {
color: #000;}
A:HOVER.link_ver_pedido {}
.link_ver_pedido span{position: relative; top: 5px;}
.fecha_estado_pedido{position: relative; width: 100%; color: #000000; font-size: 14px;}
.capa_detallar_pedido{position: relative; width: 100%; color: #000000; margin-top: 10px;}
A:LINK.bt_detalle_pedido,
A:VISITED.bt_detalle_pedido {
position: relative;
display: block;
width: 80px;
border: 1px solid #0054a1;
height: 24px;
line-height: 24px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones_peq.gif) 0 -24px repeat-x;}
A:HOVER.bt_detalle_pedido {
background: url(../imagenes/bg_botones_peq.gif) 0 0 repeat-x; border: 1px solid #000000;}
.capa_votos_micuenta{position: relative; width: 100%; overflow: hidden; color: #000000; margin-bottom: 10px;}
.titulo_votacion{position: relative; width: 100%; color: #000000; margin-bottom: 5px;}
/*.capa_select_producto_votacion{position: relative; width: 50%; float: left;}
.select_producto_votacion{position: relative; width: 100%; height: 18px; color: #000000; height: 20px; padding: 1px;}*/
.conjunto_votacion{position: relative; width: 100%; overflow: hidden; margin-top: 10px;}
.capa_select_votacion{position: relative; width: 20%; float: left;}
.select_votacion{position: relative; width: 100%; padding: 5px 0; color: #000000;}
.link_votacion{position: relative; width: 48px; float: left; margin-left: 5px;}
A:LINK.bt_votar,
A:VISITED.bt_votar {
position: relative;
display: block;
width: 46px;
padding: 5px 15px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 14px;
font-weight: normal;
background: #0054a1;
-webkit-border-radius: 5px; border-radius: 5px;}
A:HOVER.bt_votar{}
/*.errores_campos{position: relative; width: 65%; height: 20px; padding: 3px 0 0 25px; margin-left: 35%; color: red; font-size: 11px; background: url(../imagenes/bg_error.png) no-repeat; display: none; box-sizing: border-box;}*/
.errores_campos{position: relative; width: 100%; padding: 2px 0 2px 0; color: #ff0000; font-size: 14px; /*background: #ff0000;*/ display: none; box-sizing: border-box; /*text-align: center; */margin-bottom: 5px;}
.errores_campos_gastos_de_envio{position: relative; width: 268px; height: 25px; padding: 3px 0 0 25px; margin-left: 20px; color: red; font-size: 11px; background: url(../imagenes/bg_error.png) no-repeat;}
.div_nombre_campo_cuadro{position: relative; width: 100%; padding: 2px 0 2px 0; line-height: 20px; color: #000000; font-size: 16px; box-sizing: border-box;}
.div_campo_cuadro{position: relative; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px;}
.div_textarea_cuadro{position: relative; width: 100%; padding: 2px; line-height: 20px; float: left; border: 1px solid #e5e5e5; box-sizing: border-box;}
.textarea_comentario{width: 100%; height: 100px; color: #000; font-size: 14px; border: 0; line-height: 18px; padding: 0; font-family: 'Montserrat', sans-serif !important; padding: 10px; background: none; box-sizing: border-box;}
.div_campo_cuadro_mal{position: relative; width: 100%; border: 1px solid red; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px;}
.campo_cuadro{width: 100%; color: #000; font-size: 14px !important; border: 0; padding: 10px; background: #fff; box-sizing: border-box; font-family: 'Montserrat', sans-serif !important;}
.div_campo_cuadro_corto{position: relative; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px;}
.div_campo_cuadro_corto_mal{position: relative; width: 100%; border: 1px solid red; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px;}
.campo_cuadro_corto{width: 100%; padding: 10px; color: #000; font-size: 14px !important; border: 0; line-height: 18px; background: none; box-sizing: border-box; font-family: 'Montserrat', sans-serif !important;}
.div_campo_cuadro_sin_borde{position: relative; width: 188px; padding: 2px 0 2px 0; line-height: 20px; float: left; color: #595959;}
.div_campo_cuadro_sin_borde_mal{position: relative; width: 186px; padding: 2px 0 2px 0; line-height: 20px; float: left; color: #595959; border: 1px solid red;}
.div_select_fecha{position: relative; width: 53px; font-size: 12px; color: #0054a1; border: 1px solid #d3d3d3; float: left; margin-right: 5px;}
.div_select_fecha_mal{position: relative; width: 53px; font-size: 12px; color: #0054a1; border: 1px solid red; float: left; margin-right: 5px;}
.select_fecha{width: 53px; font-size: 12px; color: #595959; border: 0;}
.div_select_entrega{position: relative; width: 186px; font-size: 12px; color: #595959; border: 1px solid #d3d3d3; float: left; margin-right: 5px;}
.select_entrega{width: 186px; font-size: 12px; color: #595959; border: 0;}
.div_campo_select_cuadro{position: relative; width: 100%; font-size: 16px; color: #000; border: 1px solid #e5e5e5;}
.div_campo_select_cuadro_mal{position: relative; width: 100%; font-size: 16px; color: #000; border: 1px solid red;}
/*.select_provincia{width: 100%; font-size: 16px; color: #000; border: 0; background: none; padding: 10px;}
.select_pais{width: 100%; font-size: 16px; color: #000; border: 0; background: none; padding: 10px;}*/
.select_provincia, .select_pais{position: relative; width: calc(100% - 0px); border: 0; border-right: 10px solid transparent; font-size: 14px !important; color: #000; background: #fff; padding: 10px; font-family: 'Montserrat', sans-serif !important; -webkit-border-radius: 5px; border-radius: 5px;}
.div_checkbox_cuadro{position: relative; width: 100%; padding: 2px 0 2px 0; font-size: 14px; float: left; color: #000000; box-sizing: border-box;}
.div_checkbox_cuadro input[type=checkbox] {
-ms-transform: scale(1.4);
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
padding: 10px
}
A:LINK.links_condiciones_politica,
A:VISITED.links_condiciones_politica{
position: relative;
color: #0054a1;
text-decoration: none;
}
A:HOVER.links_condiciones_politica{text-decoration: underline;}
.forma_pago{position: relative; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; width: 100%; overflow: hidden; background: #fff; color: #000; margin-top: 20px; padding: 10px 20px; box-sizing: border-box; border: 2px solid #e5e5e5; cursor: pointer;}
.forma_pago:hover{background: #e5e5e5;}
.forma_pago_seleccionada{position: relative; width: 100%; overflow: hidden; color: #000; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; background: #e5e5e5; margin-top: 20px; padding: 10px 20px; box-sizing: border-box; border: 2px solid #e5e5e5;}
.logo_pago{position: relative; width: 40px; overflow: hidden; font-size: 32px; color: #000; float: left;}
.logo_pago span{position: relative; font-size: 32px; color: #000;}
.titulo_pago{position: relative; width: calc(100% - 40px); overflow: hidden; float: left; font-size: 18px; font-weight: bold;}
.texto_pago{position: relative; width: 100%; overflow: hidden; clear: left; float: left; font-size: 14px; margin-top: 10px;}
.div_radio_cuadro{position: relative; width: 100%; padding: 2px 0 2px 0; font-size: 12px; float: left; color: #000; box-sizing: border-box;}
.div_radio_cuadro strong{font-weight: bold;}
.div_direccion_cuadro{position: relative; width: 100%; padding: 2px 0 2px 20px; font-size: 14px; float: left; color: #000; box-sizing: border-box;}
.div_campo_ancho_cuadro{position: relative; width: 100%; padding: 2px 0 2px 0; color: #000; font-size: 11px; text-align: justify; box-sizing: border-box;}
.div_campo_ancho_cuadro strong{font-size: 12px; font-weight: bold;}
.div_campo_ancho_resumen_cuadro{position: relative; width: 100%; padding: 2px 0 2px 0; color: #000; font-size: 12px; box-sizing: border-box;}
.div_bt_cuadro{position: relative; margin-top: 25px;}
/*A:LINK.bt_acceder,
A:VISITED.bt_acceder {
display: block;
width: 120px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_acceder {
border: 1px solid #0054a1;
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x;}*/
A:LINK.bt_acceder, A:VISITED.bt_acceder{
display: block;
position: relative;
/*width: 140px;
height: 36px;*/
width: 100%;
padding: 10px 0 10px 0;
/*border: 1px solid #000000;
line-height: 38px;*/
text-align: center;
font-size: 18px;
color: #ffffff;
text-decoration: none;
background: #0054a1;
-webkit-border-radius: 5px; border-radius: 5px;
}
A:HOVER.bt_acceder{}
/*.div_bt_cuadro2{position: relative; width: 206px; margin-top: 10px; float: left; clear: left; margin-left: 80px;}*/
/*.div_bt_cuadro2{position: relative; display: table; clear: both; margin: 10px auto; margin-bottom: 0;}*/
/*.div_olvido_contrasena{position: relative; width: 186px; height: 20px; margin-top: 10px; line-height: 20px; float: left; clear: left; margin-left: 35%;}*/
.div_olvido_contrasena{position: relative; width: 100%; /*height: 20px;*/ overflow: hidden; margin-top: 25px; text-align: center;}
A:LINK.link_recordar_contrasena, A:VISITED.link_recordar_contrasena{
color: #000000;
font-size: 14px;
text-decoration: none;
font-weight: normal;
}
A:HOVER.link_recordar_contrasena{text-decoration: underline;}
/*.cuadro_carrito2{position: relative; width: 330px; margin-right: 18px; padding: 10px; margin-bottom: 15px; overflow: hidden; padding-bottom: 11px; float: right;}*/
/*.capa_confirmacion_resumen{position: relative; width: 698px; padding: 10px; margin-bottom: 20px; border: 1px solid #0054a1; background: #ffffff url(../imagenes/bg_listado_productos.gif) 0 0 repeat-x; clear: both;}*/
.capa_confirmacion_resumen{position: relative; width: 100%; overflow: hidden; padding: 10px; margin-bottom: 20px; border: 1px solid #0054a1; background: #ffffff url(../imagenes/bg_listado_productos.gif) 0 0 repeat-x; box-sizing: border-box;}
.titulo_confirmacion_resumen{position: relative; width: 100%; padding: 5px 5px 5px 10px; color: #ffffff; font-size: 18px; font-weight: bold; background: #0054a1; box-sizing: border-box;}
.titulo_confirmacion_resumen h3{display: inline; font-size: 16px; font-weight: bold;}
.contenido_confirmacion_resumen{position: relative; width: 100%; overflow: hidden; padding: 20px 20px 10px 20px; overflow: hidden; box-sizing: border-box;}
.linea_confirmacion_resumen{position: relative; width: 100%; color: #000000; font-size: 12px; text-align: center;}
.linea_confirmacion_pedido{position: relative; width: 100%; color: #000000; font-size: 12px;}
.linea_pagar_resumen{position: relative; display: table; margin: 20px auto; margin-bottom: 0;}
A:LINK.bt_pagar_pedido,
A:VISITED.bt_pagar_pedido {
display: block;
width: 150px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_pagar_pedido {
border: 1px solid #0054a1;
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x;}
#detalle_producto{position: relative; width: 100%; overflow: hidden; margin-bottom: 15px; box-sizing: border-box;}
.titulo_detalle_producto{position: relative; width: 683px; padding: 5px 5px 5px 10px; color: #ffffff; font-size: 18px; font-weight: bold; background: #0054a1;}
#cuerpo_detalle{position: relative; width: 100%; padding-top: 10px; overflow: hidden;}
#capa_img{position: relative; width: 50%; padding-right: 5%; float: left; margin-bottom: 20px; box-sizing: border-box;}
#capa_imagen_mediana{position: relative; width: 80%; /*border: 1px solid #bfbfc0;*/ text-align: center; float: left;}
#capa_imagen_mediana img{width: 100%;}
#aviso_imagen{position: relative; width: 80%; height: 20px; line-height: 20px; margin-bottom: 5px; color: #0054a1; font-size: 14px; color: #000; text-align: center; float: right; margin-top: 30px;}
#conjunto_thumbnail{position: relative; width: 20%; height: 100%; overflow: hidden; float: left; padding: 20px 0; box-sizing: border-box;}
#capa_thumbnail{position: relative; width: 70%; /*height: 50%;*//*overflow: hidden;*/ /*border: 1px solid #bfbfc0;*/}
.cuadro_thumbail{position: relative; width: 100%; /*outline: 1px solid red; */margin-bottom: 5px;}
.cuadro_thumbail img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block;}
.conjunto-bt-video{position: relative; width: 100%; /*height: 75px; margin: 5px;*/}
.bg-bt-video{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.div-bt-video{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
#capa_thumbnail .slick-prev{top: -30px !important; left: 50% !important; z-index: 3000; width: 40px; height: 40px;}
#capa_thumbnail .slick-next{top: auto; bottom: -30px !important; left: 50% !important; z-index: 3000; width: 40px; height: 40px;}
#capa_thumbnail .slick-next, #capa_thumbnail .slick-prev{
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#capa_thumbnail .slick-prev:before
{
color: #434343;
font-size: 40px;
font-family: 'Material Icons';
content: '\e5ce';
}
#capa_thumbnail .slick-next:before
{
color: #434343;
font-size: 40px;
font-family: 'Material Icons';
content: '\e5cf';
}
/*#conjunto_capas_imagen{position: relative; width: 318px; height: 318px; margin-bottom: 5px; border: 1px solid #0054A1; background: #ffffff;}
#capa_imagen_mediana{position: absolute; width: 318px; height: 318px; text-align: center;}
#ampliar_imagen{position: absolute; width: 94px; top: 0; right: 0;}
A:LINK#link_ampliar, A:VISITED#link_ampliar{
display: block;
width: 59px;
height: 36px;
line-height: 36px;
padding-left: 35px;
color: #ffffff;
font-size: 12px;
text-decoration: none;
background: url(../imagenes/bt_ampliar.png) 0 0 no-repeat;
}
A:HOVER#link_ampliar{background: url(../imagenes/bt_ampliar.png) 0 -36px no-repeat;}
#aviso_imagen{position: relative; width: 318px; height: 20px; line-height: 20px; margin-bottom: 5px; color: #0054a1; font-size: 10px; color: #000000; text-align: center;}
#capa_thumbnail{position: relative; width: 276px; height: 84px; overflow: hidden; float: left;}
.borde_thumbnail{border: 1px solid #0054A1; background: #ffffff;}
.celda_thumbnail{width: 84px; height: 84px;}
#flechaabajo, #flechaarriba{position: relative; width: 20px; height: 82px; float: left; border: 1px solid #0054a1;}
#imgflechader, #imgflechaizq{cursor:pointer;}
.flechavacia{position: relative; width: 22px; height: 84px; float: left;}*/
#der_detalle{position: relative; width: 50%; padding-left: 3%; overflow: hidden; float: right; margin-bottom: 20px; box-sizing: border-box; border-left: #e5e5e5 1px solid;}
.titulo_apartado_detalle{position: relative; width: 100%; margin-bottom: 5px; box-sizing: border-box; text-transform: lowercase;}
.titulo_apartado_detalle h1{display: inline-block; font-size: 26px; font-weight: 700; color: #000; margin: 0;}
.titulo_apartado_detalle h1:first-letter{text-transform: uppercase;}
.titulo_apartado_detalle h2{display: inline-block; font-size: 26px; font-weight: 700; color: #000; margin: 0;}
.titulo_apartado_detalle h2:first-letter{text-transform: uppercase;}
.titulo_apartado_detalle h2 strong{font-size: 18px; font-weight: bold; color: #000;}
.titulo_apartado_detalle h2 strong{font-size: 18px; font-weight: bold; color: #000;}
.dispo_detalle{position: relative; width: 100%; overflow: hidden; color: #808080; margin-bottom: 10px; box-sizing: border-box; text-transform: capitalize; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.dispo_detalle span{display: inline-block; font-weight: 600;}
.dispo_detalle span:first-letter{text-transform: uppercase;}
.dispo_detalle ul {
margin: 0;
padding: 0;
list-style: none;
}
.dispo_detalle li{
position: relative;
float: left;
padding: 0 10px;
display: inline;
border-left: 1px solid #808080;
}
.dispo_detalle li:first-child{
padding-left: 0;
border-left: 0;
}
#capa_votacion{position: relative; width: 100%; overflow: hidden; margin-bottom: 10px;}
/*#frase_votacion{position: relative; width: 200px; height: 18px; line-height: 18px; color: #000000; float: right; text-align: right;margin-right: 5px;}*/
#img_votacion{position: relative; width: 90px; height: 18px;}
.estrellas_opiniones{position: relative; width: 75px; height: 25px; font-size: 12px; color: #434343; text-align: left;}
.mascara_opiniones{position: absolute; width: 75px; height: 16px; background: url(../imagenes/marcara-opiniones.png) no-repeat; z-index: 1;}
.barra_opiniones{position: absolute; height: 16px; background: #f0e202; z-index: 0;}
.descripcion_corta{position: relative; width: 100%; overflow: hidden; margin-bottom: 10px;}
/*.titulo_detalle{position: relative; width: 366px; padding-left: 10px; color: #0054a1; font-size: 18px; font-weight: bold; background: url(../imagenes/arrow_titulos.gif) 0 5px no-repeat; margin-bottom: 10px;}
.titulo_detalle h2{font-size: 14px; font-weight: bold; padding: 3px 5px 0px 0px; margin: 0; -webkit-border-radius: 5px; border-radius: 5px;}*/
#apdo_condicion_detalle{position: relative; width: 100%; overflow: hidden; color: #000; box-sizing: border-box; border: 4px dashed #e5e5e5; margin-top: 50px; padding: 40px;}
#apdo_precio_detalle{position: relative; width: 100%; overflow: hidden;}
#atributos_detalle{position: relative; width: 100%; margin-bottom: 30px; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.linea_atributos{position: relative; width: 50%; overflow: hidden; font-size: 14px; color: #000000; margin-bottom: 10px; float: left; padding-right: 10px; box-sizing: border-box;}
.linea_atributos:nth-child(2n+2){padding-left: 10px; padding-right: 0;}
.nombre_atributo{position: relative; width: 100%; padding-top: 2px; font-size: 16px; color: #000000; margin-top: 20px;margin-bottom: 5px; font-weight: 500;}
.select_atributo{position: relative; width: 100%; overflow: hidden; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px;}
.campo_select_atributo{position: relative; width: 100%; padding: 20px 0; font-size: 18px; color: #000; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 0; border-bottom: 0; -webkit-border-radius: 5px; border-radius: 5px;}
.campo_select_atributo:disabled{
opacity: 0.4;
}
.textarea_opcion{width: 100%; height: 100px; color: #000; font-size: 14px; border: 0; line-height: 18px; padding: 0; font-family: 'Montserrat', sans-serif !important; padding: 10px; background: none; box-sizing: border-box;}
.linea_atributos_texto{position: relative; width: 100%; overflow: hidden; font-size: 14px; color: #000000; margin-bottom: 10px; clear: both; padding-right: 10px; box-sizing: border-box;}
#precio_detalle{position: relative; width: 100%; text-align: left; font-size: 18px; color: #000; font-weight: bold;}
#precio_detalle span{position: relative; font-size: 32px;}
#precio_detalle .precio_tachado{text-decoration: line-through; font-size: 24px; color: #808080;}
/*#precio_detalle .porcentaje_dto{font-size: 24px; color: #a90000;}*/
.dto_extra{position: relative; width: 100%; text-align: left; font-size: 16px; color: #a90000; font-weight: normal; margin-bottom: 10px;}
#form_anadir{position: relative; width: 100%; overflow: hidden; margin: 0; padding: 20px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; display: -webkit-flex; display: flex; flex-wrap: wrap;}
#agotado{position: relative; width: 270px; height: 38px; text-align: center; color: red; font-size: 18px; font-weight: bold; line-height: 38px;}
#conjunto_input_anadir{position: relative; width: 100%; overflow: hidden; /*display: -webkit-flex; display: flex; flex-wrap: wrap;*/}
#input_anadir{position: relative; width: 100px; /*height: 100%; */float: left; border: 1px solid #e5e5e5; background: none; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 0;}
.cantidad_form{width: 94px; /*height: 100%;*/ font-size: 24px; /*line-height: 30px;*/ color: #000; text-align: center; border: 0; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 0; box-sizing: border-box;}
#capa_anadir{position: relative; overflow: hidden; margin-left: 20px; float: left;}
A:LINK.bt_anadir, A:VISITED.bt_anadir{
display: block;
position: relative;
/*width: 140px;
height: 36px;*/
padding: 10px 40px;
/*border: 1px solid #000000;
line-height: 38px;*/
text-align: center;
font-size: 18px;
color: #ffffff;
text-decoration: none;
background: #0054a1;
-webkit-border-radius: 5px; border-radius: 5px;
}
A:HOVER.bt_anadir{}
#porcentaje_dto{position: relative; overflow: hidden; margin-left: 20px; float: left; color: #a90000; font-size: 32px; font-weight: 500;}
#porcentaje_dto span{font-size: 16px;}
#error_form{position: relative; width: 100%; overflow: hidden; margin-top: 15px; color: #ff0000; font-size: 16px; display: none;}
.capa_resultado_carrito{position: relative; width: 604px; overflow: hidden; padding: 10px; box-sizing: border-box; background: #fff;}
.titulo_resultado_carrito{position: relative; width: 100%; overflow: hidden; color: #008000; display: table; font-size: 18px; text-align: left; margin-bottom: 15px;}
.titulo_resultado_carrito span:before{
font-family: 'Material Icons';
content: '\e86c';
margin-right: 5px;
position: relative;
top: 4px;
font-size: 24px;
line-height: 14px;}
.thumbnail_resultado_carrito{position: relative; width: 20%; overflow: hidden; float: left;}
.thumbnail_resultado_carrito img{display: block; width: 100%;}
.descripcion_resultado_carrito{position: relative; width: calc(80% - 20px); overflow: hidden; text-align: left; margin-left: 20px; float: left; color: #000;}
.nombre_resultado_carrito{position: relative; width: 100%; font-size: 16px; text-transform: uppercase; font-weight: 600;}
.detalle_resultado_carrito{position: relative; width: 100%; font-size: 14px; margin-top: 10px;}
.botones_resultado_carrito{position: relative; width: 100%; overflow: hidden; clear: both; float: left; margin-top: 20px;}
.bt_seguir_comprando{float: left;}
.bt_ir_carrito{float: right;}
A:LINK.link_continuar_comprando,
A:VISITED.link_continuar_comprando {
border: 1px solid #e5e5e5;
display: block;
position: relative;
padding: 10px 40px;
text-align: center;
font-size: 18px;
color: #000;
text-decoration: none;
background: #e5e5e5;
-webkit-border-radius: 5px; border-radius: 5px;}
A:HOVER.link_continuar_comprando {}
A:LINK.link_ir_carrito,
A:VISITED.link_ir_carrito {
display: block;
position: relative;
padding: 10px 40px;
text-align: center;
font-size: 18px;
color: #ffffff;
text-decoration: none;
background: #0054a1;
-webkit-border-radius: 5px; border-radius: 5px;}
A:HOVER.link_ir_carrito {}
#conjunto_relacionados{position: relative; width: 100%; overflow: hidden; margin-top: 50px; padding: 0 20px; box-sizing: border-box; border: 1px solid #fff;}
/*#apdo_relacionados{position: relative; width: 100%; overflow: hidden;}*/
#apdo_relacionados{
position: relative;
width: 100%;
/*overflow: hidden;*/
color: #434343;
font-size: 14px;
text-align: justify;
padding: 0 0 15px 0;
/*display: -webkit-flex;
display: flex;
flex-wrap: wrap;*/
box-sizing: border-box;
}
#apdo_relacionados .slick-track{margin-left: 0;}
#apdo_relacionados .slick-prev{left: 0; z-index: 1000; width: 25px; height: 25px;}
#apdo_relacionados .slick-next{right: 0; z-index: 1000; width: 25px; height: 25px;}
#apdo_relacionados .slick-prev:before {
font-size: 26px;
font-family: 'Material Icons';
content: '\e5e0';
color: #000;
}
#apdo_relacionados .slick-next:before {
font-size: 26px;
font-family: 'Material Icons';
content: '\e5e1';
color: #000;
}
.capa_productos_relacionados{position: relative; width: 33%; overflow: hidden; height: auto; padding: 0 20px; box-sizing: border-box; cursor:pointer; border-inline-end: 1px solid #e5e5e5; margin-top: 40px;}
/*.capa_productos_relacionados{position: relative; width: 100%; height: 60px; margin: 0 10px 10px 0; float: left; border: 1px solid #0054a1; background: #ffffff; box-sizing: border-box;}*/
.dto_relacionado{position: absolute; top: 0px; left: 0px; background: #fe0000; color: #ffffff; border-top: 3px solid #ffffff; font-weight: bold; padding: 2px;}
/*.oferta_listado{position: absolute; width: 20%; max-width: 50px; font-size: 16px; top: 0; left: 0; text-align: center; padding-top: 3px; padding-bottom: 3px; background: #fe0000; color: #ffffff; border-top: 3px solid #ffffff; font-weight: bold;}*/
.img_productos_relacionado{position: absolute; width: 20%; max-width: 50px; /*height: 50px;*/ top: 5px; left: 5px;}
.img_productos_relacionado img{width: 100%;}
.titulo_productos_relacionado{position: absolute; width: 80%; top: 5px; right: 5px; text-align: right;}
.titulo_productos_relacionado h3{display: inline; color: #000000; font-size: 14px; font-weight: bold;}
.titulo_productos_relacionado h2{display: inline; color: #191919; font-size: 12px; font-weight: bold;}
A:LINK.links_titulo_productos_relacionado {
color: #000000;
font-size : 14px;
font-weight: bold;
text-decoration: underline;}
A:VISITED.links_titulo_productos_relacionado {
color: #000000;
font-size : 14px;
font-weight: bold;
text-decoration: underline;}
A:HOVER.links_titulo_productos_relacionado {
text-decoration: underline;}
.bottom_productos_relacionado{position: absolute; width: 80%; padding-top: 5px; top: 25px; right: 5px;}
/*.capa_bt_detallar_oferta_relacionado{position: relative; width: 45px; float: left;}
A:LINK.bt_ampliar_oferta_relacionado {
position: relative;
display: block;
border: 1px solid #191919;
width: 45px;
height: 20px;
line-height: 20px;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: #191919;
-webkit-border-radius: 5px; border-radius: 5px;
text-align: center;}
A:VISITED.bt_ampliar_oferta_relacionado {
position: relative;
display: block;
border: 1px solid #191919;
width: 45px;
height: 20px;
line-height: 20px;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: #191919;
-webkit-border-radius: 5px; border-radius: 5px;}
A:HOVER.bt_ampliar_oferta_relacionado {
border: 1px solid #ff0000;
background: #ff0000;}*/
.precio_ud_relacionado{position: relative; width: 100%; height: 24px; /*line-height: 14px; color: #191919;*/ float: right;/* text-align: right; font-size: 12px; font-weight: bold;*/}
.linea1_precio_ud_relacionado{position: relative; width: 100%; height: 14px; /*line-height: 14px; */color: #191919; float: right; text-align: right; font-size: 16px; font-weight: bold;}
.linea1_precio_ud_relacionado span{font-size: 16px; color: #0054a1; font-weight: bold;}
/*.linea1_precio_ud_relacionado_tachado{position: relative; font-size: 10px; color: #191919; text-decoration: line-through;}*/
/*.linea2_precio_ud_relacionado{position: relative; width: 100%; height: 10px; color: #0054a1; float: right; text-align: right; font-size: 16px; font-weight: bold;}*/
#resto_detalle{position: relative; width: 100%; overflow: hidden; clear: left; float: left; margin-top: 70px;}
.titulo_resto_detalle{position: relative; width: 100%; padding-left: 10px; color: #0054a1; font-size: 18px; font-weight: bold; background: url(../imagenes/arrow_titulos.gif) 0 5px no-repeat; box-sizing: border-box;}
.contenido_decripcion_detalle{position: relative; width: 100%; color: #000000; box-sizing: border-box;}
.contenido_decripcion_detalle p{margin: 10px 5px 10px 5px;}
.contenido_decripcion_detalle strong{color: #0054a1;}
.contenido_decripcion_detalle p strong{color: #0054a1;}
#tabs{width: 100%; border: 0; box-sizing: border-box;}
#tabs div, #tabs div div{text-align: left !important;}
#tabs ul{/*padding: 0 20% !important;*/}
.ui-widget {font-family: 'Montserrat', sans-serif !important;}
.ui-widget-header {background: #fff; border: 0; border-bottom: 2px solid #0054a1;}
/*.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
color: #434343;
}*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
color: #0054a1;
padding: 10px 50px !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
color: #fff;
font-size: 18px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 1px solid #fff;
background: #fff;
font-weight: normal;
color: #0054a1;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 0;
background: #0054a1;
}
#tab_especificaciones{
position: relative;
width: 100%;
/*overflow: hidden;*/
color: #000;
font-size: 14px;
text-align: justify;
/*padding: 0 0 15px 0;*/
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.div_spec{position: relative; width: 33%; overflow: hidden; height: auto; padding: 0 20px; box-sizing: border-box; margin-bottom: 40px;}
.titulo_spec{position: relative; width: 100%; overflow: hidden; height: auto; box-sizing: border-box; margin-bottom: 10px; font-weight: 600; font-size: 16px;}
.contenido_spec{position: relative; width: 100%; overflow: hidden; height: auto; box-sizing: border-box;}
#footer{position: relative; width: 100%; overflow: hidden; color: #000; /*background: url(../imagenes/bg_shadow.gif) repeat-y;*/ box-sizing: border-box; background: #fff; border-top: 10px solid #0054a1; margin-top: 50px; padding-bottom: 10px;}
#menu_footer{position: relative; width: 100%; overflow: hidden; padding-top: 30px; box-sizing: border-box; border-top: 1px solid #e5e5e5;}
#top_footer{position: relative; width: 100%; overflow: hidden; /*background: #0054a1; */text-align: justify; box-sizing: border-box;}
/*#links_pie{position: relative; width: 100%; overflow: hidden; padding: 0; margin-top: 20px; box-sizing: border-box; text-align: left;}*/
#links_footer{position: relative; width: 100%; max-width: 1430px; overflow: hidden; box-sizing: border-box; display: -webkit-flex; display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: center; /*text-align: left;*/ margin: 40px auto;}
.div_links_menu_footer{position: relative; width: 33%; padding: 0 20px; box-sizing: border-box;}
/*.div_links_menu_footer{position: relative; padding: 0 50px; box-sizing: border-box;}*/
.div_links_menu_footer img{width: 100%; max-width: 304px;}
.titulo_menu{position: relative; font-size: 16px; font-weight: bold; color: #434343; margin-bottom: 10px;/*cursor: pointer; padding-bottom: 5px; border-bottom: 1px solid #434343;*/}
.titulo_menu span{position: relative; top: 6px; margin-right: 10px;}
/*.div_links_menu_pie .titulo_menu:after{
font-family: 'Material Symbols Outlined';
content: '\e145';
top: 7px;
position: relative;
font-size: 26px;
margin-left: 60px;
font-weight: 200;
text-decoration: none;
color: #e5481b;}
.div_links_menu_pie .cruz_invertida:after{
font-family: 'Material Symbols Outlined';
content: '\e5cd' !important;
top: 7px;
position: relative;
font-size: 26px;
margin-left: 60px;
font-weight: 200;
text-decoration: none;
color: #e5481b;}*/
#direccion_pie{position: relative; line-height: 25px;}
#links_footer span{
color: #000;}
#links_footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#links_footer li {
line-height: 25px;
}
#links_footer li span{
color: #000;
font-weight: normal;
}
A:LINK.link_footer,
A:VISITED.link_footer {
color: #000;
font-weight: normal;
text-decoration: none;}
A:HOVER.link_footer {
color: #d5ebff;}
#firma_pie{position: relative; width: 100%; overflow: hidden; color: #000; /*background: url(../imagenes/bg_shadow.gif) repeat-y;*/ box-sizing: border-box; background: #fff; border-top: 1px solid #e5e5e5; padding: 5px 0;}
/*#firma_pie{position: relative; width: 100%; overflow: hidden; margin-top: 20px; padding-top: 10px; box-sizing: border-box; border-top: 1px solid #e5e5e5;}*/
#firma_logo{position: relative; float: right; display: inline;}
#firma_texto{position: relative; float: right; margin-right: 5px; line-height: 21px; color: #ffffff;}
A:LINK.link_firma, A:VISITED.link_firma{
color: #000;
text-decoration: none;
font-weight: normal;
}
A:HOVER.link_firma{text-decoration: underline;}
/**ajax**/
#detallar_pedido{position:relative; width: 720px; overflow: hidden; padding: 20px; border: 5px solid #0054A1; background: #ffffff; text-align: left;}
#titulodetallarpedido{position:relative; width: 658px; color: red; font-weight: bold; font-size: 22px;}
#cerrar_detalle_pedido{position:relative; width: 720px; overflow: hidden; margin-top: 20px; text-align: center;}
A:LINK.bt_cancelar_detalle,
A:VISITED.bt_cancelar_detalle {
position: relative;
display: block;
width: 120px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_cancelar_detalle {
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x; border: 1px solid #0054a1;}
/*#recordar_contrasena{position:relative; width: 604px; overflow: hidden; padding: 20px; background: #ffffff; text-align: left;}*/
#recordar_contrasena{position: relative; width: 604px; overflow: hidden; padding: 10px; box-sizing: border-box; background: #fff;}
/*#titulorecordarcontrasena{position:relative; width: 100%; color: #ff0000; font-weight: bold; font-size: 18px;}*/
#titulorecordarcontrasena{position: relative; width: 100%; overflow: hidden; color: #ff0000; display: table; font-size: 18px; text-align: left; margin-bottom: 15px;}
.icono_contrasena{position: relative; width: 20%; overflow: hidden; float: left;}
.icono_contrasena span{font-size: 100px; color: #e5e5e5;}
#contenido_recordar_contrasena{position: relative; width: calc(80% - 20px); overflow: hidden; text-align: left; margin-left: 20px; float: left; color: #000;}
/*#msg_recordar_contrasena{position:relative; width: 370px; overflow: hidden; margin: 20px 0 0 30px;}*/
#div_msg_contrasena{position:relative; width: 100%; color: #000; margin-bottom: 10px; font-size: 16px; }
#mensaje_recordar_contrasena{position: relative; width: 100%; min-height: 20px; margin: 10px 0 0 0; font-size: 14px;}
.mensaje_recordar_contrasena_ok{color: #008000;}
.mensaje_recordar_contrasena_no{color: #ff0000;}
/*.div_input_contrasena{position: relative; width: 182px; padding: 2px; line-height: 20px; float: left; border: 1px solid #d3d3d3;}*/
.div_input_contrasena{position: relative; width: 100%; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px;}
/*.div_input_contrasena_mal{position: relative; width: 182px; padding: 2px; line-height: 20px; float: left; border: 1px solid red;}*/
.div_input_contrasena_sin_borde{position: relative; width: 184px; padding: 2px; line-height: 20px; float: left; font-size: 14px; font-weight: bold; color: #595959;}
/*.input_contrasena{width: 180px; height: 18px; color: #595959; font-size: 12px; border: 0; line-height: 18px; padding: 0;}*/
.input_contrasena{width: 100%; color: #000; font-size: 14px !important; border: 0; padding: 10px; background: #fff; box-sizing: border-box; font-family: 'Montserrat', sans-serif !important;}
#cerrar_recordar_contrasena{position:relative; width: 50%; overflow: hidden; margin-top: 20px; float: left; box-sizing: border-box;}
A:LINK.bt_cancelar_contrasena, A:VISITED.bt_cancelar_contrasena{
display: inline-block;
position: relative;
/*width: 140px;
height: 36px;*/
padding: 10px 40px;
/*border: 1px solid #000000;
line-height: 38px;*/
text-align: center;
font-size: 18px;
color: #000;
text-decoration: none;
background: #e5e5e5;
-webkit-border-radius: 5px; border-radius: 5px;
box-sizing: border-box;
}
A:HOVER.bt_cancelar_contrasena{}
/*A:LINK.bt_cancelar_contrasena,
A:VISITED.bt_cancelar_contrasena {
position: relative;
display: block;
width: 118px;
border: 1px solid #000000;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x;}
A:HOVER.bt_cancelar_contrasena {
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x; border: 1px solid #0054a1;}*/
#solicitar_recordar_contrasena{position:relative; width: 50%; overflow: hidden; margin-top: 20px; float: right; text-align: right; box-sizing: border-box;}
A:LINK.bt_solicitar_contrasena, A:VISITED.bt_solicitar_contrasena{
display: inline-block;
position: relative;
/*width: 140px;
height: 36px;*/
padding: 10px 40px;
/*border: 1px solid #000000;
line-height: 38px;*/
text-align: center;
font-size: 18px;
color: #ffffff;
text-decoration: none;
background: #0054a1;
-webkit-border-radius: 5px; border-radius: 5px;
box-sizing: border-box;
}
A:HOVER.bt_solicitar_contrasena{}
/*A:LINK.bt_solicitar_contrasena,
A:VISITED.bt_solicitar_contrasena {
position: relative;
display: block;
width: 178px;
border: 1px solid #0054a1;
height: 28px;
line-height: 28px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bg_botones.gif) 0 -28px repeat-x;}
A:HOVER.bt_solicitar_contrasena {
background: url(../imagenes/bg_botones.gif) 0 0 repeat-x; border: 1px solid #000000;}*/
#intencion_de_compra{position:relative; width: 430px; overflow: hidden; padding: 5px; border: 5px solid #008aca; background: #ffffff; text-align: left;}
#respuesta_intencion_de_compra{position:relative; width: 400px; padding: 15px; overflow: hidden; display: none;}
#titulorespuesta_intencion_de_compra{position:relative; width: 400px; color: #1ed400; font-weight: bold; font-size: 22px;}
#msgrespuesta_intencion_de_compra{position:relative; width: 370px; color: #595959; margin: 20px 0 0 30px;}
#cerrar_respuesta_intencion_de_compra{position:relative; overflow: hidden; margin-top: 20px; float: left;}
A:LINK.bt_cerrar_respuesta_intencion_de_compra,
A:VISITED.bt_cerrar_respuesta_intencion_de_compra {
display: block;
width: 150px;
height: 36px;
line-height: 36px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bt_cerrar_validacion.png) 0 0 no-repeat;}
A:HOVER.bt_cerrar_respuesta_intencion_de_compra {
background: url(../imagenes/bt_cerrar_validacion.png) 0 -36px no-repeat;}
#form_intencion_de_compra{position:relative; width: 430px; overflow: hidden;}
.error_general_vacio{position: relative; width: 430px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; display: none;}
.error_general{position: relative; width: 430px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; background: url(../imagenes/bg_error.gif) no-repeat;}
.contenido_intencion{position: relative; width: 430px; overflow: hidden; color: #595959;}
.cab_intencion_producto{position: relative; width: 430px; overflow: hidden; background: #595959; margin-bottom: 5px; color: #ffffff;}
.columna_intencion_descripcion{position: relative; width: 242px; padding-left: 5px; margin-left: 96px; float: left;}
.columna_intencion_cantidad{position: relative; width: 87px; text-align: center; float: left;}
.linea_intencion_producto{position: relative; width: 430px; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3;}
.foto_intencion_producto{position: relative; width: 84px; height: 84px; float: left; padding-right: 10px; border-right: 1px solid #d3d3d3;}
.intencion_sin_foto{position: relative; width: 82px; height: 57px; border: 1px solid #d3d3d3; text-align: center; padding-top: 25px; font-size: 10px; color: #d3d3d3;}
.descripcion_intencion_producto{position: relative; width: 226px; height: 84px; float: left; padding: 0 10px 0 10px; border-right: 1px solid #d3d3d3; color: #595959; font-size: 12px;}
.descripcion_intencion_producto h1{display: inline; font-size: 14px; font-weight: bold; color: #008aca;}
.descripcion_intencion_producto p{margin: 5px 0 5px 0;}
.descripcion_intencion_producto strong{font-weight: bold; color: #008aca;}
.cantidad_intencion_producto{position: relative; width: 68px; height: 84px; padding-left: 20px; float: left;}
.error_intencion_vacio{position: relative; width: 46px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; margin-top: 11px;}
.error_intencion{position: relative; width: 46px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; margin-top: 11px; background: url(../imagenes/bg_error.gif) no-repeat;}
.div_cantidad_intencion{position: relative; width: 50px; height: 26px; border: 1px solid #d3d3d3;}
.div_cantidad_intencion_mal{position: relative; width: 50px; height: 26px; border: 1px solid red;}
.cantidad_intencion{width: 48px; height: 22px; text-align: center; font-weight: bold; line-height: 24px; color: #595959; border: 0;}
.intencion_registro{position: relative; width: 430px; padding: 2px 0 2px 0; line-height: 20px; color: #595959; font-size: 12px;}
.intencion_registro strong{color: #008aca;}
#capa_registrado{position: relative; width: 430px; overflow: hidden; display: none; margin-top: 20px;}
.linea_campo_intencion{position: relative; width: 430px; overflow: hidden;}
.margin_linea_intencion{margin-top: 10px;}
.errores_campos_intencion{position: relative; width: 186px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; background: url(../imagenes/bg_error.gif) no-repeat; display: none; margin-right: 27px;}
.div_nombre_campo_intencion{position: relative; width: 215px; line-height: 15px; color: #595959; float: left; font-size: 12px;}
.div_campo_intencion{position: relative; width: 182px; padding: 2px; line-height: 20px; float: left; border: 1px solid #d3d3d3; margin-right: 27px;}
.div_campo_intencion_mal{position: relative; width: 182px; padding: 2px; line-height: 20px; float: left; border: 1px solid red; margin-right: 27px;}
.div_campo_intencion_sin_borde{position: relative; width: 184px; padding: 2px; line-height: 20px; float: left; margin-right: 27px;}
.div_campo_intencion_corto{position: relative; width: 94px; padding: 2px; line-height: 20px; float: left; border: 1px solid #d3d3d3; margin-right: 115px;}
.div_campo_intencion_corto_mal{position: relative; width: 94px; padding: 2px; line-height: 20px; float: left; border: 1px solid red; margin-right: 115px;}
.div_campo_select_intencion{position: relative; width: 182px; padding: 2px; font-size: 12px; color: #595959; float: left; border: 1px solid #d3d3d3; margin-right: 27px;}
.div_campo_select_intencion_mal{position: relative; width: 182px; padding: 2px; font-size: 12px; color: #595959; float: left; border: 1px solid red; margin-right: 27px;}
.select_provincia_intencion{width: 100%; font-size: 12px; padding: 1px; color: #595959; border: 0;}
.div_checkbox_intencion{position: relative; width: 188px; padding: 2px 0 2px 0; font-size: 11px; float: left; color: #595959; margin-right: 27px;}
#capa_no_registrado{position: relative; width: 430px; overflow: hidden; display: none; margin-top: 20px;}
.error_campo_registro{position: relative; width: 286px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; background: url(../imagenes/bg_error.gif) no-repeat; display: none; margin-top: 5px;}
#aviso_intencion{position:relative; width: 430px; color: red; overflow: hidden; margin-top: 10px; font-weight: bold; text-align: justify;}
#cancelar_intencion{position:relative; width: 120px; color: red; overflow: hidden; margin-top: 20px; float: left;}
A:LINK.bt_cancelar_intencion,
A:VISITED.bt_cancelar_intencion {
float: left;
display: block;
width: 120px;
height: 36px;
line-height: 36px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bt_cerrar.png) 0 0 no-repeat;}
A:HOVER.bt_cancelar_intencion {
background: url(../imagenes/bt_cerrar.png) 0 -36px no-repeat;}
#confirmar_intencion{position:relative; width: 180px; color: red; overflow: hidden; margin-top: 20px; float: right;}
A:LINK.bt_confirmar_intencion,
A:VISITED.bt_confirmar_intencion {
float: right;
display: block;
width: 120px;
height: 36px;
line-height: 36px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bt_acceder.png) 0 0 no-repeat;}
A:HOVER.bt_confirmar_intencion {
background: url(../imagenes/bt_acceder.png) 0 -36px no-repeat;}
A:LINK.bt_confirmar_intencion_disabled,
A:VISITED.bt_confirmar_intencion_disabled,
A:HOVER.bt_confirmar_intencion_disabled {
float: right;
display: block;
width: 120px;
height: 36px;
line-height: 36px;
text-align: center;
text-decoration : none;
color: #ffffff;
font-size : 12px;
font-weight: normal;
background: url(../imagenes/bt_acceder.png) 0 0 no-repeat;}
#capa_form_recomendacion{position: relative; width: 400px; overflow: hidden; margin-top: 20px; color: #595959;}
.linea_campo_recomendacion{position: relative; width: 400px; overflow: hidden;}
.margin_linea_recomendacion{margin-top: 10px;}
.errores_campos_recomendacion{position: relative; width: 186px; height: 19px; padding: 1px 0 0 2px; color: #ffffff; font-size: 11px; background: url(../imagenes/bg_error.gif) no-repeat; display: none; margin-right: 12px;}
.div_nombre_campo_recomendacion{position: relative; width: 200px; line-height: 15px; color: #595959; float: left; font-size: 12px;}
.div_campo_recomendacion{position: relative; width: 182px; padding: 2px; line-height: 20px; float: left; border: 1px solid #d3d3d3; margin-right: 12px;}
.div_campo_recomendacion_mal{position: relative; width: 182px; padding: 2px; line-height: 20px; float: left; border: 1px solid red; margin-right: 12px;}
.campo_recomendacion{width: 180px; height: 18px; color: #595959; font-size: 12px; border: 0; line-height: 18px; padding: 0;}
/**fin iframes**/
#fancybox-content {
border: 3px solid red; /* or whatever */
}
/*******Clases generales*******/
.no_border{border: 0;}
.centrar{text-align: center;}
.align_right{text-align: right;}
.border_img{border: 3px solid #ffffff;}
.img_right{margin: 0 0 15px 15px; float: right;}
.left{float: left;}
.right{float: right;}
.clear_left{clear: left;}
.clear_right{clear: right;}
.clear{clear: both;}
.margin_right{margin: 0 0 10px 10px;}
.margin_left{margin: 0 10px 0 0;}
.margin_galeria{margin: 2px 2px 2px 2px;}
.no_display{display: none;}
/*******loading*******/
.lds-dual-ring {
color: #000
}
.lds-dual-ring,
.lds-dual-ring:after {
box-sizing: border-box;
}
.lds-dual-ring {
/*display: inline-block;*/
width: 40px;
height: 40px;
margin: 0 auto;
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 32px;
height: 32px;
margin: 8px;
border-radius: 50%;
border: 3.2px solid currentColor;
border-color: currentColor transparent currentColor transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}