BODY {font-family:'Ubuntu', Arial, Helvetica; background:url(images/paginaFondo.jpg) repeat top center fixed;}
html {overflow-x:hidden;}

@font-face {font-family:'Ubuntu'; font-weight:400; font-style:normal; src:url('fuentes/Ubuntu-N.woff') format('woff');}
@font-face {font-family:'Ubuntu'; font-weight:400; font-style:italic; src:url('fuentes/Ubuntu-NI.woff') format('woff');}
@font-face {font-family:'Ubuntu'; font-weight:600; font-style:normal; src:url('fuentes/Ubuntu-B.woff') format('woff');}
@font-face {font-family:'Ubuntu'; font-weight:600; font-style:italic; src:url('fuentes/Ubuntu-BI.woff') format('woff');}
@font-face {font-family:'Ubuntu'; font-weight:800; font-style:normal; src:url('fuentes/Ubuntu-EB.woff') format('woff');}
@font-face {font-family:'Ubuntu'; font-weight:800; font-style:italic; src:url('fuentes/Ubuntu-EBI.woff') format('woff');}


/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

:root {
	--colPrim:#1a1414;
	--colPrimTte:rgba(26,20,20,0.6);
	--colSecu:#555;
	--colSecuTte:rgba(85,85,85,0.6);
	--colTerc:#cfd2d7;
	--colTercTte:rgba(207,210,215,0.6);
	--anchoProd:230px;
	--altoProd:230px;
}

A       {color:var(--colPrim);}
A:hover {color:#000;}

.txtPrim {color:var(--colPrim);}
.txtSecu {color:var(--colSecu);}

.fondoPrim    {background:var(--colPrim);}
.fondoPrimTte {background:var(--colPrimTte);}
.fondoSecu    {background:var(--colSecu);}
.fondoSecuTte {background:var(--colSecuTte);}

.bordeDere {border-right:solid 5px var(--colPrim);}
.bordeIzdo {border-left: solid 5px var(--colPrim);}

.parraSep p {margin-bottom:1.2em;}

.capa1000   {width:1000px; margin:auto;}
.anchoTotal {width:0px; margin:auto;}

.noWeb {display:none !important;}

#cabecera, #cuerpo, .capaCuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor, #pieTexto {width:1060px; margin:auto;}


/* ------------------------------------- CABECERA WEB ------------------------------------------------ */

header {width:100%; height:215px; margin:0; background:url(images/cabeceraFondo.png) repeat-x bottom center;}

#cabecera {height:160px; margin:0 auto;}

	.logoWeb {margin:5px 0 0 -10px; position:absolute;}

	.contactoTelf {margin:20px 0 0 530px; position:absolute;}
	.contactoMail {margin:20px 0 0 740px; position:absolute;}

	.capaIconos {margin:75px 0px 0px 710px; position:absolute; display:flex !important; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
	.capaIconos .capaIcoLink {margin:0 15px; text-align:center; transition:all 0.4s;}
	.capaIcoLink a {display:inherit;}
	.capaIcoLink a:hover {transform:scale(1.05);}

	#Cart {padding:0;}
	.contador-carro {width:25px; height:25px; top:22px; margin-left:25px; text-align:center; display:block; background:#000; border-radius:49%; border:solid 2px #fff; position:absolute; z-index:10;}
	.numero-con, .numero-con a {margin:0; font-weight:400; font-size:16px; line-height:22px; font-weight:bold; text-decoration:none; color:#fff; display:block;}

	.iconCestaWeb {margin:0px !important; position:absolute;}
	.iconLoginWeb {margin:0 0 0 175px !important; position:absolute;}

	#cabeceraMenu {height:40px; margin:155px 0 0 260px; clear:both; text-align:left; position:absolute;}
	ul.nav {float:left;}	/* ------- Alineación Drcha / Izda ---- */	
	.nav > li {float:left; z-index:999;}
	.nav li a {padding:10px 7px; color:#fff; font:400 16px 'Bowlby One', Arial; line-height:20px; text-transform:uppercase; display:block;}
	.nav li a:hover {color:var(--colTerc);}
	.nav li {list-style:none; position:relative;}
	.nav li ul {width:200px; display:none; border:1px solid #333; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.4); position:absolute;}
	.nav li li a {padding:8px 10px; color:#000; font-size:16px; line-height:16px;}
	.nav li li a:hover {color:#fff; background:var(--colPrim);}
	.nav li:hover > ul {display:block;}
	.nav li ul li ul {right:-190px; top:0;}

	#buscarWeb {width:200px; height:36px; margin:157px 0 0 840px; text-align:left; position:absolute;}
	.buscar {width:164px; height:36px; padding:0 10px;}
	form#busca input, form#buscaMov input  {font-size:14px; border-radius:25px 0 0 25px; color:#000; border:1px solid #000; border-right:none; background:#fff;}
	form#busca input:focus, form#busca input:hover, form#buscaMov input:focus, form#buscaMov input:hover {border:1px solid #000; background:#fff;}
	.botonBuscar {width:36px; height:36px; font-size:20px; line-height:20px; color:#000; border-radius:0 25px 25px 0; border:solid 1px #000; border-left:none; background:#fff; float:left; display:block;}
	.botonBuscar:hover {color:#fff; background:var(--colSecu);}

	#cabzFranja {display:none;}
	.cabzFranjaCont {width:100%; margin:auto auto 10px auto; display:flex; flex-wrap:wrap; justify-content:center; gap:0;}
	.cabzFranjaIcono {width:14%; height:auto;}
	.cabzFranjaIcono img {width:100%; height:auto; transform:scale(1);}
	.cabzFranjaIcono img:hover {transform:scale(1.1);}


/* --------------------------------------- CUERPO WEB ------------------------------------------------ */

#cuerpo {text-align:left;}

	#franjaSuperior {height:20px;}


#lateral-i {width:220px; margin:10px 30px 0 10px; float:left; display:table-cell;}

	/* ------------------------ Menu TREE --------------------------------- */
	.liAccordion {margin:0; text-align:left; background-color:var(--colTerc); border:solid 1px rgba(0,0,0,0);}
	.liAccordion a  {padding:12px 8px; display:block; position:relative; color:var(--colPrim); font:400 15px 'Bowlby One', Arial; line-height:1.3em; text-transform:uppercase;}
	.liAccordion ul {padding:0; margin:0 0 0 10px; overflow:hidden; display:none;}
	.liAccordion li {display:block; border-bottom:solid 1px var(--colPrim);}
	.liAccordion > li > a:hover, .liAccordion > li.harOpen > a {color:#fff; background-color:var(--colPrim);}
	.liAccordion ul a:hover, .liAccordion ul .harOpen > a {color:#fff; background-color:var(--colPrim);}
	.liAccordion ul ul a:hover, .liAccordion ul ul .harOpen > a {color:#fff; background-color:var(--colPrim);}
	.liAccordion.harDisable {opacity:0.5; cursor:e-resize;}
	.harMark {width:18px; height:18px; border-radius:4px; background-color:rgba(255,255,255,1);}
	.liAccordion li li a {font-size:14px;}

	.imgIndex {display:inherit; position:relative; z-index:1;}
	.miniSlider {width:100%; margin-top:-20px; padding:25px 0 10px 0; text-align:center; border-radius:5px; border:solid 1px var(--colSecu); background:#fff;}
	.miniSliderImg {height:180px; overflow:hidden; display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
	.miniSlider .name {width:90%; margin:10px auto; font-size:15px !important; line-height:15px !important;}
	.miniSlider .price {font-size:18px !important;}

	/* ------------------------- Noticias --------------------------------- */
	#noticias {margin:0;}
	#noticiasText {padding:5px 15px 0 5px; text-align:left;}
	#noticiasText p {padding:2px 0 8px 14px; background:url(images/img-news.png) no-repeat 0 6px;}
	#noticiasText a {color:#000;}
	#noticiasText a:hover {color:var(--colPrim);}
	.noticias-fecha, .noticias-titulo, .noticias-cuerpo {margin:auto;}


#principal {width:780px; margin:0; color:#000; float:left; display:table-cell;}

	#principal iframe {max-width:100%;}
	#principal img, #cat-descripcion img {max-width:100%; height:auto !important; display:inline;}
	#recaptcha_area img {display:block;}

	/*------- Slider Ofertas, novedades y destacados ----------*/
	.modulos-sliders .slide {margin:5px 11px !important;}
	.bx-wrapper {max-width:100% !important;}

	.callbacks_container {margin-bottom:30px !important;}
	.rslides {box-shadow:0 0 15px rgba(0,0,0,0.6);}

	#principal-text, .mapa-text {font-size:15px;}
	#principal-text ul, #principal-text ol {margin-left:20px;}


#franjaInferior {height:30px; clear:both;}


/* ----------------------------------------- PIE WEB ------------------------------------------------- */

#Pie {width:100%; margin:20px auto auto auto; background:var(--colPrim);}

	#pieNewsletter {width:100%; padding:30px 0; color:#fff; text-align:center; background:url(images/Newsletter.jpg) no-repeat center left; background-size:cover;}
	.boletinTxt {margin:10px; text-align:center;}
	.boletinTxt input {width:200px; padding:10px; border:solid 2px var(--colPrim); background:rgba(255,255,255,0.9); border-radius:8px;}
	.boletinTxt input:hover {border:solid 2px #fff; background:#fff; box-shadow:0 0 15px rgba(0,0,0,1);}
	.phoneSuscriptor {display:none;}
	#boletinAcepto {margin-top:3px; float:left; display:inline;}
	#boletinAcepto, #boletinAcepto a {font-size:14px;}
	#boletinAcepto a {color:var(--colPrim);}
	#boletinAcepto, #boletinAcepto a:hover {color:#fff;}
	.checknews {margin:3px 15px 0 7px; float:left; display:inline; transform:scale(1.2);}
	.newsBtn {width:150px; height:35px; padding:5px; font-weight:bold; font-size:15px; color:#fff; background:var(--colPrim); border:solid 2px var(--colSecu); border-radius:8px;}
	.newsBtn:hover {color:#000; background:#fff; border:solid 2px var(--colPrim);}

	#pieAnuncios {margin:auto; text-align:center; background:var(--colPrim); border-bottom:solid 1px #fff;}
	.pieAnuncioCon {width:25%; margin:25px 0; display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
	.pieAnuncioIco {color:#fff; font-size:46px; line-height:46px;}
	.pieAnuncioTxt {margin-left:10px; color:#fff; font-size:20px; line-height:22px; text-align:left;}

	#pieContenedor, #pieContenedor a, #pieTexto, #pieTexto a {font-size:15px; line-height:1.1em; color:#ccc;}	
	#pieContenedor a:hover {color:#fff;}

	.pieBloque {width:28%; margin:0 2.66%; text-align:center; float:left; display:block;}
	.pieBloque p {margin:0 0 3px 0;}

	.pieTitular {width:100%; margin-bottom:15px; padding:35px 0 5px; font:400 18px 'Bowlby One', Arial; line-height:30px; color:#fff; border-bottom:solid 1px #fff;}
	.pieMenu {text-transform:uppercase;}

	.iconoPie {width:30px; margin:0 5px 0 0; font-size:22px; line-height:22px; color:#fff; display:inline;}
	.verdeWhatsApp {color:#40a035;}
	
	.redesPie {float:none; display:inline;}
	.redesPie img {height:36px; margin:10px 5px 0 5px;}
		
	#pieTexto {width:100%; margin:auto; padding:15px 0; text-align:center; border-top:solid 1px #fff;}
	#pieTexto p {margin:5px auto;}
	#pieTexto, #pieTexto a {color:#ccc;}
	#pieTexto a:hover      {color:#fff;}
	
	.txtPeque80 {font-size:80%;}
	.txtPeque90 {font-size:90%;}
	.txtBig120  {font-size:120%;}

	.btnWhatsTxt a {padding:5px 5px 4px 5px; bottom:10px; right:10px; font:400 22px 'PTS'; line-height:22px; color:#fff; background:#40A22E; border:solid 2px #fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,.3); z-index:1000; position:fixed;}
	.btnWhatsTxt a:hover {background:#1f6d10;}
	.btnWhatsTxt .iconWhatsappH:before {margin-right:5px; font-size:26px; line-height:26px;}


/* ---------------------------------- FICHAS DE LOS PRODUCTOS --------------------------------------- */

#contenedorGeneral {width:100%; margin:0; text-align:center;}
.texto_nombre_pr {margin-bottom:20px; font-size:20px; float:left; color:#000;}	
.ordenaFichas {float:right;}
.separaFicha img {display:inherit !important;}

#contenedorFichas {width:100%; gap:30px; display:flex; flex-wrap:wrap; justify-content:center;}
.productos {max-width:100%; width:calc(var(--anchoProd) + 10px); min-height:calc(var(--altoProd) + 150px);}

.productos-contenedor {text-align:center; border:solid 1px #fff; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.4); overflow:hidden;}
.productos-contenedor:hover {box-shadow:0 0 7px rgba(0,0,0,0.7);}

.productosImagen {margin:4px auto 5px auto; overflow:hidden;}
.productosImagen, .productosImg {width:var(--anchoProd); height:var(--altoProd);}
.productosImg img {max-width:var(--anchoProd); max-height:var(--altoProd); height:auto !important;}

.fichaBotonera {width:100%; height:40px; top:5px; pointer-events:none; background:rgba(255,255,255,0.85); box-shadow:0 0 5px rgba(0,0,0,0.3); position:relative;}
.fichaBotonera a {margin:0 6px; padding:0 6px; display:inherit;}
.fichaBotonera span {font-size:22px; line-height:40px; display:inherit;}
.btnDetalles, .btnVista, .btnWishList, .btnWishDel {cursor:pointer;}
.btnDetalles a:hover, .btnVista a:hover, .btnWishList a:hover, .btnWishDel a:hover {transform:scale(1.25);}
.btnDetalles a, .btnVista a, .btnWishList a {color:#000;}
.btnWishDel a {color:#ff0000;}

.productos-contenedor:hover .fichaBotonera {margin:-45px auto 0 auto; pointer-events:auto;}
.productos-contenedor:hover .productosImg img {transform: scale(1.1);}

.nombreCont {width:100%; min-height:60px;}
.productosNombre {width:100%; margin:0 auto; padding:0 8px; text-align:center;}
.productosNombre, .productosNombre a {font-weight:400; font-size:16px; line-height:16px;}		
.productosNombre a       {color:#000;}
.productosNombre a:hover {color:var(--colPrim);}		

.productosPrecio {padding:5px;}		
.pvp_oferta, .productosPrecio {font-weight:600; font-size:24px; color:#000;}
.pvp_oferta_old {color:#F00;}

.fichaOpiniones {width:100%; height:20px; margin-bottom:10px; font-size:16px; line-height:20px; text-align:center;}

.eti-productos {pointer-events:none;}


/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */
		
#productos-final-nombre {text-align:left; font-size:25px; font-weight:400; color:var(--colPrim);}

.tablaProductosFinal {display:flex; flex-wrap:wrap;}
.tablaProductoImags {width:42%; margin-right:3%;}
.tablaProductoDatos {width:55%;}

#productos-final-imagen {text-align:left; margin:0;}
#productos-final-imagen img {max-width:100%; margin-bottom:10px; display:block; float:left;}
.zoom-adic {width:100%; margin:0; padding:0;}
.zoom-adic img {margin:5px; border:2px solid #ccc; max-width:50px !important; max-height:50px !important;}
.zoom-adic.Active img {border:2px solid #FB9E11;}
.MagicThumb-expanded {box-sizing:content-box;}
.MagicThumb-expanded div {height:auto !important;}
.MagicThumb-caption {color:#fff; background:rgba(0,0,0,0.8); border-top:solid 1px #fff !important; text-align:center;}

#codep, #fabri, #larga, .contenidos-extra, .Opiniones {font-size:16px; color:#000;}
#corta {margin:20px auto; padding:10px; text-align:left; font-size:18px; color:#444444; border:1px solid #cccccc;}
.Opiniones {padding-top:5px;}
#codep, #fabri {padding-top:15px;}
#corta, #larga, .contenidos-extra {word-wrap:break-word;}
	
#productos-final-precio {width:100%; margin-top:20px; padding:10px; font-size:20px; text-align:center; background:rgba(0,0,0,0.07); border:2px solid rgba(0,0,0,0.1);}
	.texto_productos {font-weight:bold; font-size:30px; margin-right:10px; color:var(--colPrim);}
	.precio_oferta {font-weight:normal; font-size:24px; text-decoration:line-through; color:#F00;}
	.canonDigital {width:100%; height:20px; padding:10px; line-height:20px; display:none;}

	#cantidad-final {width:95%; margin:10px auto auto auto; padding:10px 0; text-align:center; border:solid 2px #fff; background:rgba(255,255,255,0.5);}
	.cantidad-txt {font-size:16px;}
	.cantidad-flotar {margin:0; float:left; display:inline;}
	
	.sequra-promotion-widget {margin-top:10px; padding:10px; border:solid 2px #fff; background:rgba(255, 255, 255, 0.5); border-radius:8px;}

	.stockFicha {width:100%; margin:10px auto 0px; text-align:center; font-size:16px; color:var(--colPrim); display:flex; justify-content:center; align-items:center; gap:10px;}
	.stockImg img {margin-bottom:5px;}

	.botonAnadirCarrito, .botonWishList {margin:15px 10px 10px 10px; text-align:center;}
	.botonAnadirCarrito a, .botonWishList a {font-size:22px; font-weight:400; line-height:50px; text-shadow:1px 2px 3px rgba(0,0,0,0.2); border:solid 2px #fff; box-shadow:0 0 15px rgba(0,0,0,0.4);}
	.botonAnadirCarrito a:hover, .botonWishList a:hover {border:solid 2px #fff; box-shadow:0 0 15px rgba(0,0,0,0.8);}
	.botonAnadirCarrito a {padding:10px 20px;}
	.botonWishList a      {padding:12px 15px 8px 15px; cursor:pointer;}

	.botonAnadirCarrito a, .botonWishList a:hover, .fichaFixedBtn a       {color:#fff; background:#000;}
	.botonAnadirCarrito a:hover, .botonWishList a, .fichaFixedBtn a:hover {color:#fff; background:var(--colSecu);}
	
#compartir {width:100%; margin:20px auto; text-align:center;}
#compartir a {margin:0 3px !important;}

.radio-boton {border-radius:10px;}


/* ---------------------- PROPIEDADES DEL CARRITO --------------------------------- */

.carroTitulo div {color:#fff; background:var(--colPrim);}
.carroProduc div {color:#000; background:#fff;}
.ibutton, .boton_buscar, .boton_area                   {color:#fff; background:var(--colPrim); border:2px Solid #000;}
.ibutton:hover, .boton_buscar:hover, .boton_area:hover {color:var(--colPrim); background:#fff; border:2px Solid var(--colPrim);}


/* -------------------------- CAPAS FONDOS --------------------------------- */

.separaBanner {width:100%; height:50%;}
.capaTituloTxt {width:100%; padding:15px; font-weight:200; font-size:30px; color:#fff; text-shadow:0 0 7px rgba(0,0,0,0.8);
	background:rgba(0,0,0,0.7); border-top:solid 1px #fff; border-bottom:solid 1px #fff; box-shadow:0 0 10px rgba(0,0,0,0.5);}

.capaFondo   {width:100%; height:250px; margin-top:-20px; left:0; border-bottom:solid 2px var(--colPrim); z-index:-100;}
.capaFonFijo {width:100%; height:100%; top:0; left:0; position:fixed; z-index:-100;}
.capaBanner  {width:100%; height:100%;}

.fondoConta {background:url(images/fondoConta.jpg) repeat-y top center; background-size:cover; z-index:9;}
.fondoLegal {background:url(images/fondoLegal.jpg) repeat-y top center; background-size:cover; z-index:9;}



/* ---------------------------------------- RESPONSIVE ---------- RESPONSIVE ---------- RESPONSIVE ------------------------------------------ */

@media only screen and (min-width: 1440px) {

	#cuerpo, .capaCuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor {width:1330px;}
	
	#principal {width:1050px;}
	.linksImg img {margin:15px 50px;}
	.capaFondo {height:300px;}

	.logoWeb      {margin-left:-140px;}
	.cabzTexto1   {margin-left:180px;}
	.contactoTelf {margin-left:650px;}
	.contactoMail {margin-left:870px;}
	#buscarWeb    {margin-left:950px;}
	.capaIconos   {margin-left:840px;}
	
}


@media only screen and (max-width: 999px) {

	.noMov {display:none !important;}
	.noWeb {display:block !important;}

	.anchoTotal {width:100%; margin:auto;}


	/* ------------------------------------- CABECERA MOVIL ---------------------------------------------- */

	header, #cabecera, #menu-cat, .logoMov {height:50px;}
	header {background:none;}

	#cabecera {width:100%; top:0; background:#000; border-bottom:solid 1px var(--colPrim); position:fixed; /* Cambiar a absolute si no Fixed */ z-index:1000;}

	.capaIconos {width:100%; height:45px; margin:0; bottom:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); justify-content:center; align-items:center; position:fixed;}
	.capaIconos .capaIcoLink {margin:0 10px;}
	.capaIcoLink a {width:40px; height:40px; font-size:24px; line-height:40px; border:none;}
	.capaIcoLink a, .capaIcoLink a:hover, .colorIcoA a, .colorIcoB a {color:#000; background:none;}
	.txtBlancMov {color:#fff;}
	.capaIcoLink:hover {transform:none;}
	.capaIcoLink .iconWhatsappColor {font-size:26px;}

	.contador-carro {top:20px; margin-left:20px; background:var(--colSecu);}

	.logoMov {width:64%; margin:auto; left:50%; top:50%; transform:translate(-50%,-50%); padding-top:0px; z-index:1000; position:absolute;}
	.logoMov img {width:auto; max-width:100%; height:auto; max-height:46px; margin:auto; text-align:center; display:inherit;}

	.icoBuscar {margin:auto; top:5px; right:10px; position:absolute; text-align:center; transition:all 0.4s;}
	#buscarMov {width:95%; height:40px; padding-top:5px; margin:0 2.5%; text-align:left; position:absolute;}
	.buscar {width:calc(100% - 80px); height:40px; padding:0 5px;}
	form#buscaMov input {font-size:14px; border-radius:0px; color:#000; border:1px solid var(--colPrim); border-right:none; background:#fff;}
	form#buscaMov input:focus, form#buscaMov:hover {box-shadow:0 0 8px rgba(0,0,0,0.5);}
	.botonBuscar {float:left; display:block; background:#fff; color:#000; border-radius:0; border:1px solid var(--colPrim); border-left:none;}
	.botonBuscar, .cerrarBuscar a {width:40px; height:40px; padding:9px 11px; font-size:18px; line-height:20px;}
	.cerrarBuscar {margin:0;}
	.cerrarBuscar a {color:#fff; background:#000; display:inherit;}
	.cerrarBuscar a:hover {color:#fff; background:var(--colPrim);}
	.modalBuscar {opacity:0; pointer-events:none; z-index:9999; transition:all 0.3s;}
	.modalBuscar:target {opacity:1; pointer-events:auto;}

	#menu-cat {width:270px; top:0; text-align:left; position:absolute; z-index:105;}
	#menu-cat a, #menu-cat a:hover {color:var(--colPrim); font:400 14px 'Bowlby One', Arial; line-height:20px; text-transform:uppercase; text-decoration:none;}
	.margenCat {border-top:solid 1px rgba(255,255,255,0.3) !important;}
	.colorCat ul {background:var(--colTerc);}

	#dl-menu {top:5px;}
	.menuIconoCats {padding-left:15px; font-size:30px; line-height:40px; color:#fff;}

	.dl-menuwrapper a, .dl-menuwrapper img, .botonera a {display:inherit;}

	.dl-menuwrapper {width:100%; float:left; position:relative; perspective:1000px; perspective-origin:50% 200%;}
	.dl-menuwrapper:first-child {margin-right:100px;}
	.dl-menuwrapper ul {padding:0; list-style:none; transform-style:preserve-3d;}
	.dl-menuwrapper li {position:relative; border-bottom:solid 1px rgba(255,255,255,0.3);}

	.dl-menuwrapper li a {display:block; position:relative; padding:13px 15px; outline:none;}
	.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.2);}
	.dl-menuwrapper li.dl-back > a {padding-left:30px; background:rgba(0,0,0,0.2);}
	.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {position:absolute; top:0; line-height:44px; font-family:'IconWeb'; -webkit-font-smoothing:antialiased; content:"\e902";}
	.dl-menuwrapper li.dl-back:after {left:5px; color:rgba(0,0,0,0.6); transform:rotate(180deg);}
	.dl-menuwrapper li > a:after {right:5px; color:rgba(255,255,255,0.5);}
	.dl-menuwrapper .dl-menu {margin:-5px 0 0 0; position:absolute; width:100%; opacity:0; pointer-events:none; border-top:solid 1px #fff; transform:translateY(10px); backface-visibility:hidden;
		overflow:hidden; overflow-y:auto; max-height:calc(100vh - 150px); box-shadow:1px 1px 5px rgba(0,0,0,0.5);}
	.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
	.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1; pointer-events:auto; transform:translateY(10px);}

	.dl-menuwrapper li .dl-submenu {display:none;}
	.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
	.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
	.dl-menuwrapper > .dl-submenu {position:absolute; width:100%; top:45px; left:0; margin:0; border-top:solid 1px #fff;}

	/* .cabzFranjaIcono {width:25%;} */

	/* --------------------------------------- CUERPO MOVIL ---------------------------------------------- */

	.capaCuerpo, .capa1000 {width:100%;}

	#cuerpo {width:100%; max-width:100%; margin:auto; padding:0 0 15px 0; overflow:hidden;}
	#tablaPrincipal, #franjaSuperior, #franjaInferior, #pieContenedor {width:100%; margin:0; padding:0; background:none;}
	#franjaSuperior {height:20px;}
	#franjaInferior {height:10px;}
	#principal {width:95%; margin:0 2.5%;}
	.modulos-sliders .slide {margin:5px 5px 5px 1px !important;}
	.callbacks_container {margin-bottom:30px !important;}

	.owl-theme .owl-controls .owl-buttons .owl-prev {right:42px !important; top:-42px !important;}
	.owl-theme .owl-controls .owl-buttons .owl-next {right:1px !important; top:-42px !important;}
	.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
		width:15px; height:29px !important; line-height:28px !important; font-size:26px !important;}


	/* ----------------------------------------- PIE MOVIL ----------------------------------------------- */

	#pieNewsletter {padding:30px 10px;}
	.boletinTxt {margin:5px;}
	.boletinTxt input {width:250px;}
	.newsBtn {margin-top:15px;}

	.pieAnuncioCon {width:48%;}
	.pieAnuncioIco {font-size:40px; line-height:40px;}
	.pieAnuncioTxt {margin-left:7px; font-family:'PTS'; font-size:20px; line-height:20px;}

	.pieBloque {width:90%; margin:10px 5%; float:none;}
	.pieBloque p {margin:0 0 5px 0;}
	.txtBigMov {font-size:125% !important; line-height:1.5em !important;}

	.redesPie img {height:45px; margin:20px 8px;}
			
	#pieTexto {padding:10px 0 60px 0;}


	/* ---------------------------------- FICHAS DE LOS PRODUCTOS --------------------------------------- */

	.texto_nombre_pr {margin:0 auto; font-size:18px; float:none;}	
	.ordenaFichas {margin-bottom:15px; float:none;}

	#contenedorFichas {gap:4%;}
	.productos {width:48% !important; min-height:320px; margin:2% auto;}
	.slide .productos {width:98% !important;}

	.productosImagen {margin:0 auto; padding:0; width:180px; max-width:100%; height:180px; overflow:visible; display:table;}
	.productosImg {width:98%; height:180px; margin:2px auto;}
	.productosImg img {width:auto; max-width:100%; max-height:180px;}

	.fichaBotonera {width:100%; height:30px; top:auto; margin:auto; box-shadow:none;}
	.fichaBotonera a {margin:0 5px; padding:0 5px;}
	.fichaBotonera span {font-size:19px; line-height:30px;}
	.productos-contenedor:hover .fichaBotonera {margin:auto;}

	.nombreCont {min-height:50px; margin-top:5px;}
	.productosNombre {padding:0 5px;}
	.productosNombre, .productosNombre a {font-family:'PTS'; font-size:16px; line-height:16px;}

	.fichaOpiniones {height:15px; margin-bottom:5px; font-size:13px; line-height:15px;}

	.pvp_oferta, .productosPrecio {font-size:18px;}


	/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */

	.tablaProductoImags {width:90%; margin:auto;}
	.tablaProductoDatos {width:100%; margin:auto;}

	#productos-final-imagen {text-align:center; margin:auto;}

	#productos-final-nombre {margin-top:20px; font-size:20px;}
	#productos-final-nombre, .Opiniones, #codep, #fabri, #corta, .variaciones, .atributos {text-align:center;}
	#codep, #fabri, #larga, .contenidos-extra, .Opiniones {font-size:15px;}
	#corta {font-size:16px;}
	.Opiniones {margin-top:5px;}
	#larga, .contenidos-extra {margin:15px auto; word-wrap:break-word;}

	.variaciones legend, .atributos legend {margin:0;}
	.variaciones select, .atributos select {padding:5px; font-size:16px;}

	#productos-final-precio {font-size:18px;}
	.texto_productos {font-size:24px;}
	.precio_oferta   {font-size:20px;}

	#cantidad-final {width:100%;}
	.botonAnadirCarrito a {font-size:20px;}
	.radio-boton {border-radius:7px;}


	/* ----------------------- CAPAS FONDOS ------------------------------------ */

	.capaTituloTxt {padding:10px; font-size:24px;}
	.capaFondo {height:150px;}

}