BODY {background:#f8f8f8;}
html {overflow-x:hidden;}

@font-face {font-family:'alternate'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/AlternateGothic.woff') format('woff');}
@font-face {font-family:'IconWeb'; font-weight:400; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/IconWeb.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/PTS-N.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:bold; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/PTS-B.woff') format('woff');}

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


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

* {text-decoration:none; margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box;}	
p, form, h1, .productos h1, h2, h3 {margin:0; padding:0;}
table {border-collapse:collapse; border:none;}
td, th {text-align:left; vertical-align:top;}
input, textarea {padding:5px; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.02); cursor:pointer;}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#fff;}
select {padding:3px; background:#fff !important;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0; display:inherit;}
h1 {font-size:20px;}

.owl-prev, .owl-next, .relacionados-ficha {-webkit-box-sizing:content-box; box-sizing:content-box;}
#arriba, #arriba img {-webkit-box-sizing:content-box; box-sizing:content-box; transition:none; -webkit-transition:none;}

#CabzWeb, .noMov {display:block !important;}
#CabzMov, .noWeb, #numero-con {display:none !important;}

.capaFlexTop  {display:flex; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex; flex-wrap:wrap; align-items:center;}

.parraSep p, .parraSep h3 {margin-bottom:0.7em;}
.subrayado {padding-bottom:5px; border-bottom:solid 1px #8c92a0;}

BODY, A {font-family:'GothNw', Arial, Helvetica, sans-serif;}
A       {color:#8c92a0;}
A:hover {color:#000;}


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

#CabzWeb {background:url(images/cabeceraFondo.png) repeat-x top center; z-index:-1;}

#CabzWeb, #Pie {margin:auto; width:100%;}
#cabecera, #cuerpo, .capaCuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor, #pieTexto {width:1000px; margin:auto;}

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

	.textoCab {width:760px; height:30px; margin:0px 0 0 230px; color:#fff; font-size:18px; line-height:30px; position:absolute;}

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

	.logoImg {margin:60px 0 0 5px; position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.7);}
	.logoTxt {margin:45px 0 0 260px; position:absolute;}

	.contactoTelf {margin:45px 0 0 670px; position:absolute;}
	.contactoWhat {margin:45px 0 0 840px; position:absolute;}
	.contactoMail {margin:81px 0 0 670px; position:absolute;}
	
	.redesCabz {width:340px; height:50px; margin:115px 0 0 660px; background:#a3aabb; border-radius:25px; position:absolute;}
	.redesCabzTxt {margin:0 8px 0 15px; color:#1e2a3a; font-weight:bold; font-size:20px; line-height:50px;}
	.redesCabzImg img {height:40px; margin:3px 5px 0 5px;}	
	
	#buscarWeb {width:280px; height:32px; margin:45px 0 0 330px; text-align:left; position:absolute;}
		.buscar {width:248px; height:32px; padding:0 5px;}
		form#busca input, form#buscaMov input  {font-size:14px; border-radius:5px 0 0 5px; color:#000000; border:1px solid #f6aa20; background:#fafafa;}
		form#busca input:focus, form#busca input:hover, form#buscaMov input:focus, form#buscaMov input:hover {border:1px solid #f6aa20; background:#ffffff;}
		.botonBuscar {width:32px; height:32px; float:left; display:block; border-radius:0 5px 5px 0; background:#f6aa20;}
		.botonBuscar img {width:20px; margin:6px;}

	#usuarios {width:150px; min-height:40px; margin:185px 0px 0px 690px; position:absolute;}
	#usuarios-icono {left:0px; position:absolute;}
	#usuarios-txt {padding:0px 0px 0px 45px; text-align:left;}
	#usuarios-txt a {color:#fff; font-size:16px; line-height:40px; text-transform:uppercase;}
	#usuarios-txt a:hover {color:#fcf87b;}

	#carro3 {width:150px; min-height:40px; margin:185px 0px 0px 835px; position:absolute;}
	.carro-icono {left:0px; position:absolute;}
		#Cart, #Cart a, #carro-total {font-size:16px; line-height:16px;}
		#Cart {padding:3px 0px 0px 45px; text-align:left;}
		#Cart, #Cart a:hover {color:#fff;}
		#Cart a, #carro-total {color:#fcf87b; font-weight:bold;}
		#carro-total {margin-top:2px;}
		#carro-vacio {line-height:35px;}

	#cabeceraMenu {height:40px; margin:240px 0 0 275px; 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:11px 12px; color:#fff; font-size:16px; line-height:18px; text-transform:uppercase; display:block;}
	.nav li a:hover {color:#000; background:#f6aa20;}
	.nav li {list-style:none; position:relative;}
	.nav li ul {width:200px; display:none; border:1px solid #333; background:#ffffff; 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:#f6aa20;}
	.nav li:hover > ul {display:block;}
	.nav li ul li ul {right:-190px; top:0;}


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

#cuerpo {text-align:left;}

	#franjaSuperior {height:20px;}


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

	/* ------------------------ Menu TREE --------------------------------- */
	.liAccordion {margin:0; text-align:left; background-color:#fff; border:solid 1px #c4c7cf;}
	.liAccordion a  {padding:8px; display:block; position:relative; color:#000;}
	.liAccordion ul {padding:0; margin:0 0 0 10px; overflow:hidden; display:none;}
	.liAccordion li {display:block; border-bottom:solid 1px #c4c7cf;}
	.liAccordion > li > a:hover, .liAccordion > li.harOpen > a {color:#fff; background-color:rgba(0,0,0,0.8);}
	.liAccordion ul a:hover, .liAccordion ul .harOpen > a {color:#fff; background-color:#8c92a0;}
	.liAccordion ul ul a:hover, .liAccordion ul ul .harOpen > a {color:#fff; background-color:#74aa50;}
	.liAccordion.harDisable {opacity:0.5; cursor:e-resize}
	.liAccordion li li, .harMark {display:none !important;}
	
	.bannerMasVendidos {margin:0; padding:10px; background:#fff; border:solid 1px #c4c7cf;}
	
	.redesLateral {width:220px; margin:auto;}

	/* ------------------------- Noticias --------------------------------- */
	#noticias {margin:0; background:#fff; border:solid 1px #c4c7cf;}
	#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:#878d9c;}
	.noticias-fecha, .noticias-titulo, .noticias-cuerpo {margin:auto;}

	/* -------- Apartado Noticias ---------- */
	#post-blog .ancho-33 {width:31.33%; margin:1% 1%;}
	.ultimosPostBox {width:100%; padding:10px; text-align:center; background:#f9ecdc; box-shadow:0 0 8px rgba(0,0,0,0.3);}
	.ultimosPostImagen {width:95%; margin:10px auto; z-index:10;}
	.ultimosPostImagen img {width:100%; height:auto; text-align:center; border:solid 2px #000; box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
	.ultimosPostImagen:hover img {box-shadow:0px 0px 20px rgba(0,0,0,0.5);}
	.ultimosPostTitulo {line-height:1.2em !important;}
	.ultimosPostTitulo a {font-weight:600; color:#c80000; font-size:20px; line-height:1.2em !important;}
	.ultimosPostTitulo a:hover {color:#000;}
	.ultimosPostConten {margin-top:5px; font-size:16px; line-height:1.2em;}
	.ultimosPostBoton {width:120px; margin:15px auto 0 auto;}
	.ultimosPostBoton:hover {transform:scale(1.1); -webkit-transform:scale(1.1);}
	.ultimosPostBoton a {padding:7px 15px; font-size:16px; line-height:38px; color:#fff; background:#134182; border:solid 2px #000;}
	.ultimosPostBoton a:hover {color:#000; background:#fff; border:solid 2px #134182;}	


#principal {width:730px; margin:0 0 0 0px; 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;}
	#cat-descripcion {text-align:center;}
	#recaptcha_area img {display:block;}
	.modulos-sliders .slide {margin:5px 12px 5px 2px !important;}

	#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%; background:url(images/pieFondo.png) repeat top center #222;}
	
	.pieMarcas {margin:auto; text-align:center; background:#fff; border-top:solid 1px #788093;}
		.marcaImg {margin:5px 20px; display:inline;}

	#pieAnuncios {margin:auto; text-align:center; background:rgba(0,0,0,0.5); border-top:solid 1px #f6aa20; border-bottom:solid 1px #f6aa20;}
		.linksImg {margin:auto; float:none; display:inline;}
		.linksImg img {margin:15px 25px; vertical-align:middle;}

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

	.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:25px 0 5px; font-weight:600; font-size:19px; line-height:20px; color:#f6aa20; border-bottom:solid 1px #f6aa20;}
	.pieMenu {text-transform:uppercase;}

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

	.ventanaWhatsApp a {width:110px; height:40px; bottom:15px; right:15px; text-align:center; color:#ffffff; font:normal 20px 'alternate', Arial; line-height:36px;
		background:#40A22E; border:solid 2px #ffffff; border-radius:8px; box-shadow:0px 0px 15px rgba(0,0,0,0.3); position:fixed; z-index:1000; display:inherit;}
	.ventanaWhatsApp a:hover {background:#1f6d10;}
	.ventanaWhatsApp img {width:28px; margin:-2px 5px 0px 0px; vertical-align:middle; display:inline;}
	

/*-------------------------------- BANNER LATERAL NOTICIAS ------------------------------------------

.callbacks_nav.prev {left:50px;}

.ventBlog {width:300px; height:550px; left:-280px; top:50%; margin-top:-300px; position:fixed; box-shadow:0 0 12px rgba(0,0,0,0.25); z-index:9999;
	background:#fff; border-radius:0 15px 15px 0; border:solid 1px #bbb; border-left:none; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in;}
.ventBlog:hover {left:0;}
.ventBlogTitulo {width:300px; top:45%; left:148px; color:#fff; font-weight:800; font-size:22px; padding-top:5px; line-height:45px; text-align:center; background:#3F4659;
    border-radius:10px; border:solid 2px #F6AA20; box-shadow:0 0 15px rgba(0,0,0,0.5); position:absolute; transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}

#post-blog {padding:30px 50px 0 30px;}
	.ultimos-post-titulo {margin:5px 0;}
	.ultimos-post-titulo a {color:#000; font-weight:600; font-size:20px; line-height:0.5em !important;}
	.ultimos-post-titulo a:hover {color:#F6AA20;}
	.ultimos-post-contenido {margin:5px 0 25px 0; color:#868789; font-weight:400; font-size:18px; line-height:22px;}


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

#contenedor-general {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;}
#contenedor-fichas {width:104%; margin:0 0 0 -2%; text-align:center; clear:both; display:flex; flex-wrap:wrap; justify-content:center;}

.productos, .vista-rapida-ficha, .nombreCont, .productos-nombre {width:230px; max-width:100%;}
.productos {min-height:400px; margin:10px;}

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

	.productos-imagen {margin:4px auto 5px auto; width:220px; height:220px; line-height:220px; overflow:hidden;}
	.productos-imagen img {vertical-align:middle; max-width:220px; max-height:220px; height:auto !important;}

	.nombreCont {min-height:60px;}
	.productos-nombre {margin:0 auto; padding:0 8px; text-align:center;}
	.productos-nombre, .productos-nombre a {font-weight:400; font-size:16px; line-height:16px;}		
		.productos-nombre a       {color:#000;}
		.productos-nombre a:hover {color:#986507;}		

	.productos-precio {padding:5px;}		
	.pvp_oferta, .productos-precio {font-weight:600; font-size:24px; color:#986507;}
	.pvp_oferta_old {color:#F00;}
	.fichaOpiniones {width:100%; height:20px; font-size:16px; line-height:20px; text-align:center;}
	.ficha-boton2 {height:30px; margin-top:-25px; opacity:0;}
	
	.vista-rapida-ficha {margin:-125px auto auto auto; text-align:center; position:absolute; text-transform:uppercase; opacity:0;}
	.vista-rapida-ficha a {background:rgba(0,0,0,0.6); border-radius:5px; border:solid 1px rgba(255,255,255,0.85); box-shadow:0 0 7px rgba(0,0,0,0.5);
		padding:10px; line-height:15px; color:#fff; font-weight:600; font-size:15px;}
	.vista-rapida-ficha a:hover {color:#cccccc; background:rgba(0,0,0,0.85);}
	#fallr-buttons {margin-top:60px;}

	.productos-contenedor:hover .ficha-boton2 {margin:5px auto 5px auto; opacity:1;}
	.productos-contenedor:hover .vista-rapida-ficha {opacity:1;}
	.productos-contenedor:hover .productos-imagen img {-webkit-transform: scale(1.18); transform: scale(1.18);}

.eti-productos {pointer-events:none;}
.eti-oferta {width:100%; position:relative; color:#000; pointer-events:none;}
.eti-descuento {top:8px; right:8px; width:50px; height:50px; font:normal 24px 'alternate', Arial, Helvetica, sans-serif; line-height:52px; text-align:center;
	background:rgba(255,255,255,0.95); box-shadow:0 0 6px rgba(0,0,0,0.6); border-radius:49%; position:absolute; z-index:25;}


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

.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:#986507;}
	.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:18px;}
	.cantidad-flotar {margin:0 7px; 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;}

	.botonAnadirCarrito {margin:15px auto 10px auto; text-align:center;}
	.botonAnadirCarrito a {padding:10px 15px; font-size:20px; 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 {border:solid 2px #fff; box-shadow:0 0 15px rgba(0,0,0,0.8);}	

	.botonAnadirCarrito a, .fichaFixedBtn a             {color:#fff; background:#788093;}
	.botonAnadirCarrito a:hover, .fichaFixedBtn a:hover {color:#fff; background:#1e2a3a;}
	
#compartir {width:100%; margin:20px auto; text-align:center;}
#compartir a {margin:0 3px !important;}

#producto_agotado {margin-bottom:20px; padding:20px; font-size:20px; font-weight:800; text-align:center; color:#7f1418; border:solid #999 1px; background-color:#E6E6E6;}
.radio-boton, .botonAdjuntar, .botonAnadirCarrito a {border-radius:10px;}

/*-- ESTILOS FICHA FIXED --*/
.capaTotalPr {width:0; margin:0 auto;}
.imgAnchoTotal {width:100%;}
.fichaFixed {width:100%; height:auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); top:0; position:fixed; opacity:0; z-index:1100;
	transition:all 0.8s; -webkit-transition:all 0.8s; pointer-events:none;}
	.fichaFixedCont {width:1000px; margin:1px auto auto auto; overflow:hidden;}
	.fichaFixedImg, .fichaFixedTxt, .fichaFixedBtn {height:60px; vertical-align:middle; display:table-cell; border-right:solid 1px rgba(0,0,0,0.1);}
	.fichaFixedImg {width:60px; height:58px; margin:auto; text-align:center; border-right:none;}
	.fichaFixedImg img {width:auto; height:auto; max-width:100%; max-height:100%; margin-top:3px; display:inline; border:solid 1px rgba(0,0,0,0.1);}
	.fichaFixedTxt {width:700px; margin:5px 15px; padding:0 10px;}
	.fichaFixedBtn {width:180px; margin:22px 0; text-align:center;}
	.fichaFixedBtn a {padding:10px 15px; box-shadow:0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
	
/*-- ESTILOS PARA LAS VARIACIONES Y ATRIBUTOS --*/
.variaciones, .atributos, .variaciones legend, .atributos legend {color:#000;}
.variaciones, .atributos {padding:0; margin-top:20px;}
.variaciones fieldset, .atributos fieldset {padding:7px; border:solid; border-width:1px; border-color:#ccc;}
.variaciones legend, .atributos legend {margin:0 0 0 10px; font-size:120%; font-weight:bold;} 
.variaciones input, .atributos input, textarea, select {border:1px solid #ccc;} 
.variaciones input:focus, .atributos input:focus, select:focus {background:#FFF799;}
.variaciones select, .atributos select {margin-top:5px;}
.atrib_opciones {text-align:left; padding:0 15px 10px 10px; float:left; display:inline;}
.atributos label {display:block; font-weight:bold; margin-top:10px; margin-bottom:2px;}


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

.avisoPlazox {padding:15px; background:#FCF87B; border:solid 2px #ccc;}

.carroTitulo div {color:#fff; background:#1e2a3a;}
.carroProduc div {color:#000; background:#fff;}
.ibutton, .boton_buscar, .boton_area                   {color:#fff; background:#555; border:2px Solid #000;}
.ibutton:hover, .boton_buscar:hover, .boton_area:hover {color:#000; background:#fff; border:2px Solid #000;}

.carroContenedor {width:100%; margin:10px auto 20px auto; padding:4px; background:rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.2);}
.carroTitulo, .carroCeldaBorra, .carroCuponFinal {display:flex; flex-wrap:nowrap; justify-content:center; align-items:center;}
.carroProduc {margin:2px 0; display:flex; flex-wrap:nowrap; justify-content:center;}
.carroTitulo div {padding:4px; margin:0 1px; text-align:center; line-height:25px;}
.carroProduc div {margin:0 1px;}

.carroProduc .carroCeldaBorra, .carroProduc .carroCeldaProdu, .carroProduc .carroCeldaPreci, .carroProduc .carroCeldaCanti, .carroProduc .carroCeldaTotal {
	padding:8px; display:flex; flex-wrap:nowrap; align-items:center;}
	
.carroCeldaBorra {width:70px; min-width:70px; justify-content:center;}
.carroCeldaProdu {width:calc(100% - 430px); text-align:left; justify-content:flex-start;}
.carroCeldaPreci {width:130px; min-width:130px; text-align:right; justify-content:flex-end;}
.carroCeldaCanti {width:100px; min-width:100px; text-align:center; justify-content:center;}
.carroCeldaTotal {width:130px; min-width:130px; text-align:right; justify-content:flex-end;}

.icoAspaCarro {color:#c90000; padding:2px; font-size:18px;}
.icoAspaCarro:hover {color:#7e0101; transform:rotate(90deg);}

.carroCuponDescuento, .carroBotonActualiza {margin:10px auto; text-align:center;}
.carroCuponDescuento {width:70%;}
.carroBotonActualiza {width:30%;}
#cupon {width:150px; padding:8px; margin:5px 0 0 10px; background:rgba(255,255,255,0.8); box-shadow:0 0 5px rgba(0,0,0,0.3);}
#cupon:hover {box-shadow:0 0 8px rgba(0,0,0,0.5);}
.importeCanonDigitalCarrito {margin-left:10px !important;}

.ibutton, .boton_buscar, .boton_area {margin-top:4px; height:35px; font-weight:bold; font-size:14px; line-height:10px; border-radius:5px;}
.ibutton {width:155px;}
.boton_buscar {width:100px;}
.boton_area {width:70px; margin-left:6px;}


/* ---------------------- VENTANAS MODALES --------------------------------- */

#fallr {width:100% !important;}


/* ---------------------- BANNERS EFECTOS ---------------------------------- */

#textoBanner  {width:100%; text-align:center; padding:15px; color:#fff; box-sizing:border-box;}
.textoAnimado {font-weight:600; animation:animaTexto 1s linear infinite 0s;}
.textoNormal  {padding-top:10px; font-weight:400;}
.fondoRojo    {background:#E2000F;}
.fondoNaranja {background:#c6840d;}

@keyframes animaTexto {
	0%   {color:#fff;}
	50%  {color:#fff000;}
	100% {color:#fff;}
}


/* --------------------- ESTILOS DE FUENTES -------------------------------- */

[class^="fontSize_"], [class*=" fontSize_"] {line-height:1.1em !important;}
.fontSize_12 {font-size:12px;}
.fontSize_14 {font-size:14px;}
.fontSize_15 {font-size:15px;}
.fontSize_16 {font-size:16px;}
.fontSize_17 {font-size:17px;}
.fontSize_18 {font-size:18px;}
.fontSize_20 {font-size:20px;}
.fontSize_22 {font-size:22px;}
.fontSize_24 {font-size:24px;}
.fontSize_25 {font-size:25px;}
.fontSize_26 {font-size:26px;}
.fontSize_28 {font-size:28px;}
.fontSize_30 {font-size:30px;}
.fontSize_36 {font-size:36px;}
.fontSize_40 {font-size:40px;}
.fontSize_50 {font-size:50px;}


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

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

	#cuerpo, .capaCuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor {width:1250px;}

	#principal {width:980px;}
	.modulos-sliders .slide {margin:5px 15px 5px 2px !important;}
	.linksImg img {margin:15px 50px;}
	
}


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

BODY {background:#f8f8f8;}
#CabzWeb, .noMov {display:none !important;}
#CabzMov, .noWeb {display:block !important;}


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

#menu-fondo, #menu-general, #menu-cat, #menu-sec, .toggleMenu img, #menu-cat img, #menu-sec img {height:50px;}

#menu-fondo {width:100%; top:0; background:#1e2a3a; position:fixed; /* Cambiar a absolute si no Fixed */ z-index:1000;}

#menu-general {width:180px; top:0; left:50%; margin-left:-90px; text-align:center; position:absolute; z-index:980;}
	.botonera {width:60px; margin:0 auto; float:left; display:inline;}
	.botonera img {height:50px;}

#Cart {padding:0;}
#contador-carro {width:24px; height:24px; top:1px; margin-left:34px; text-align:center; display:block; background:#da910e;
	border-radius:49%; border:solid 2px #fff; box-shadow:0 0 8px rgba(0,0,0,0.5); position:absolute;}
#numero-con, #numero-con a {margin:0; font-weight:600; font-size:15px; line-height:22px; text-decoration:none; color:#fff; display:block !important;}
#carro-vacio, #carro-lleno, #carro-total {display:none;}

#menu-cat {width:270px; top:0; text-align:left; position:absolute; z-index:105;}
#menu-sec {width:270px; top:0; right:0; text-align:left; position:absolute; z-index:100;}
#menu-cat a, #menu-cat a:hover, #menu-sec a, #menu-sec a:hover {color:#fff; font:normal 20px 'PTS'; line-height:20px; text-decoration:none;}
.derecha {margin-left:210px;}

.colorCat ul {background:#da910e;}
.colorSec ul {background:#8c92a0;}

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

.dl-menuwrapper {width:100%; float:left; position:relative; -webkit-perspective:1000px; perspective:1000px;
	-webkit-perspective-origin:50% 200%; perspective-origin:50% 200%;}
.dl-menuwrapper:first-child {margin-right:100px;}
.dl-menuwrapper ul {padding:0; list-style:none; -webkit-transform-style:preserve-3d; 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: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:50px; font-family:'IconWeb'; -webkit-font-smoothing:antialiased; content:"\e902";}
.dl-menuwrapper li.dl-back:after {left:5px; color:rgba(255,255,255,0.4); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.dl-menuwrapper li > a:after {right:5px; color:rgba(255,255,255,0.5);}
.dl-menuwrapper .dl-menu {margin: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; -webkit-transform:translateY(0px); transform:translateY(0px);}

.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:50px; left:0; margin:0; border-top:solid 1px #fff;}

#logoMovil {width:100%; margin:0 auto; background:url(images/cabeceraFondoMov.png) repeat top center; border-bottom:solid 2px #1e2a3a;}
#logoMovil img {max-width:480px; margin:50px auto auto auto; text-align:center;}
#logoMovil a, #logoMovil img {display:inherit;}

#buscarMov {width:90%; height:40px; margin:20px auto; text-align:left;}
	.buscar {width:100%; height:40px; padding:0 10px;}
	form#buscaMov input {font-size:16px; border-width:2px; border-radius:5px;}
	form#buscaMov input:focus, form#buscaMov input:hover {border-width:2px;}
	.botonBuscar {width:40px; height:40px; right:5%; float:none; position:absolute;}
	.botonBuscar img {width:26px; margin:7px;}


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

#cuerpo {width:100%; max-width:100%; margin:auto; padding-bottom:15px; overflow:hidden;}
.capaCuerpo {width:100%;}
#tablaPrincipal, #franjaSuperior, #franjaInferior, #pieContenedor {width:100%; margin:0; padding:0; background:none;}
#franjaSuperior, #franjaInferior {height:10px;}
#principal {width:95%; margin:0 2.5%;}
.modulos-sliders .slide {margin:5px 11px 5px -7px !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;}


	/* -------- Sección Noticias ---------- */

	#post-blog .ancho-33 {width:100%; margin:0px 0px 20px 0px;}
	.ultimosPostImagen {position:relative;}
	.ultimosPostImagen img {margin:auto;}
	.ultimosPostBox {width:100%;}
	.ultimosPostBoton {margin:15px auto;}	


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

#Pie {padding-bottom:50px;}

.linksImg img {width:38%; margin:15px 3%; vertical-align:middle;}

.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;}
#pieTexto, #pieTexto a {line-height:30px;}

.ventanaWhatsApp a {left:15px; right:0;}


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

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

#contenedor-fichas .productos {width:47% !important; margin:5px 1%;}
.productos {min-height:300px;}

.productos-imagen {margin:0 auto; padding:3px; width:180px; max-width:100%; height:180px; line-height:180px; overflow:hidden;}
.productos-imagen img {vertical-align:middle; max-width:100%; height:auto !important;}

.nombreCont {min-height:50px;}
.productos-nombre {padding:0 5px;}
.productos-nombre, .productos-nombre a {font-family:'PTS'; font-size:16px; line-height:16px;}
.fichaOpiniones {height:15px; margin-bottom:5px; font-size:13px; line-height:15px;}

.pvp_oferta, .productos-precio {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;}
	
#productos-final-precio {font-size:18px;}
	.texto_productos    {font-size:24px;}
	.precio_oferta      {font-size:20px;}

#cantidad-final {width:100%;}
.cantidad-txt {font-size:16px;}
.cantidad-flotar {margin:0 5px;}
.botonAnadirCarrito a {font-size:20px;}
.radio-boton, .botonAdjuntar, .botonAnadirCarrito a {border-radius:7px;}

.fichaFixedImg, .fichaFixedTxt, .fichaFixedBtn {border:none;}
.fichaFixedCont {width:96%; margin:1px auto auto auto; overflow:hidden;}
.fichaFixedImg {width:15%; height:50px; margin:auto 1%; text-align:center;}
.fichaFixedTxt, .fichaFixedBtn a {font-family:'PTS';}
.fichaFixedTxt {width:45%; margin:5px 2%; padding:0 5px;}
.fichaFixedBtn {width:30%; margin:auto 1%; padding:3px;}
.fichaFixedBtn a {padding:10px;}

.containerCustomFieldFile input {font-family:'PTS';}

/*-- ESTILOS PESTAÑAS --*/
.pestanas-propiedades-tabs {height:35px !important; margin-left:0 !important;}
.pestanas-propiedades-tabs li a {height:15px !important; box-sizing:content-box;}


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

.carroContenedor {width:97%; margin:10px auto; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.carroTitulo {display:none;}
.carroCeldaBorra, .carroProduc, .carroCuponFinal {flex-wrap:wrap;}
.carroProduc {margin:0 0 4px 0; padding-bottom:4px; border-bottom:solid 1px #fff;}
.carroProduc div {margin:0.5%;}

.carroCeldaBorra, .carroCeldaPreci, .carroCeldaCanti, .carroCeldaTotal {min-width:0;}
.carroCeldaBorra, .carroCeldaProdu, .carroCeldaPreci, .carroCeldaCanti, .carroCeldaTotal {padding:6px;}
.carroCeldaBorra {width:10%;}
.carroCeldaProdu {width:88%;}
.carroCeldaPreci {width:50%;}
.carroCeldaCanti {width:20%;}
.carroCeldaTotal {width:27%;}

.carroCuponDescuento, .carroBotonActualiza {width:100%; margin:10px auto; text-align:center;}
#cupon {margin:10px 0 0 0;}

/* ---------------------- VENTANAS MODALES --------------------------------- */

#fallr-wrapper {width:90% !important; left:5% !important;}
#fallr {width:100% !important;}


/* ---------------------- BANNERS EFECTOS ---------------------------------- */

#textoBanner {padding:10px;}
#textoBanner .fontSize_28 {font-size:22px;}
#textoBanner .fontSize_22 {font-size:17px;}


}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */



/* ---------------------------- BOTONES AÑADIR - RESTAR CANTIDAD EN PRODUCTOS ---------------------------------------*/

.productos-cantidad .quantity-prop-pr {width:35px; height:23px; margin:-5px; text-align:center;}
.productos-cantidad input.quantity-prop-pr, .productos-cantidad input.quantity-plus-prop-pr, .productos-cantidad input.quantity-minus-prop-pr {
	font:bold 15px Arial, Helvetica; line-height:15px;}
.productos-cantidad input.quantity-plus-prop-pr, .productos-cantidad input.quantity-minus-prop-pr {width:20px; height:25px;}

#form-cantidad-prop-pr {margin:0; padding:0;}
.quantity-prop-pr {width:51px; height:33px; margin:-5px; text-align:center;}
input.quantity-minus-prop-pr {border-radius:5px 0 0 5px;}
input.quantity-plus-prop-pr  {border-radius:0 5px 5px 0;}
input.quantity-prop-pr {border-radius:0; background:rgba(255,255,255,0.85);}

input.quantity-prop-pr, input.quantity-plus-prop-pr, input.quantity-minus-prop-pr {padding:0; font:bold 20px Arial, Helvetica; border:solid 1px #aaaaaa;}
input.quantity-plus-prop-pr, input.quantity-minus-prop-pr {width:30px; height:35px; background:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.25)); transition:all 0.15s;}
input.quantity-plus-prop-pr:hover, input.quantity-minus-prop-pr:hover, input.quantity-plus-prop-pr:focus, input.quantity-minus-prop-pr:focus {
	background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.05));}


/* ---------------------- PROPIEDADES FINALIZACION COMPRAS --------------------------------- */

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
.tpvOk {text-align:center; font-size:20px}
.tpvKo {text-align:center; font-size:20px; color:#F00}
#envio_etiqueta {color:#333333;}
label, .borde {color:#555555;}
hr {border:1px solid #5c0609; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}
input#cupon {background:rgba(255,255,255,0.75);}
.contendedor-login-carrito {width:100%; max-width:1000px; margin:40px auto auto auto;}


/* ----------------------------- ESTILOS UTILES VARIOS  ----------------------------------------*/

.imags, .formas-pago-cont-item, .profile-items {text-align:center;}
.imags img, .formas-pago-cont-item img, .profile-items img {display:inline;}
.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.flotaDcha {float:right;}
.flotaIzda, .flotar {float:left;}

.ancho100  {width:100%;}

.margen-5  {margin-top:5px;}	
.margen-10 {margin-top:10px;}
.margen-15 {margin-top:15px;}
.margen-20 {margin-top:20px;}
.margen-25 {margin-top:25px;}
.margen-30 {margin-top:30px;}
.margen-35 {margin-top:35px;}

[class^="separa-"], [class*=" separa-"], .limpiar, .separar {width:100%; clear:both;}
.separa-01 {height:1px;}
.separa-02 {height:2px;}
.separa-03 {height:3px;}
.separa-05 {height:5px;}
.separa-10 {height:10px;}
.separa-15 {height:15px;}
.separa-20 {height:20px;}
.separa-25 {height:25px;}
.separa-30 {height:30px;}
.separa-40 {height:40px;}
.separa-50 {height:50px;}
.separa-60 {height:60px;}
.separa-70 {height:70px;}
.separa-80 {height:80px;}
.separa-90 {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}


/* ----------------------- FORMULARIOS USUARIO Y CONTRASEÑA -------------------------- */

#login-user-clasica, #login-user-clasica .campo-logins input {box-sizing:content-box;}
#login-user-clasica .campo-logins input {border-radius:5px;}
#login-user-clasica .menu_categorias2 {width:90%;}

.form_login {width:160px; height:20px; margin-top:8px; border:1px Solid rgba(0,0,0,0.3); background:rgba(255,255,255,0.85); font-size:12px; color:#000;}
.form_login:hover {border:1px Solid rgba(0,0,0,0.5); background:#fff; color:#000;}
.login_usuario, .login_pass {font-weight:normal; font-size:12px; color:#000;}

.formularios {width:100%; text-align:center;}
.formularios table {margin:auto;}
.seguridad_form {margin-top:10px; text-align:center;}
.seguridad_form p {margin:0 4px; float:none; display:inline;}
.formularios .privacidad {margin-top:10px; clear:both;}

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

#login-user-contenedor {margin:10px auto 40px auto;}
.icono-logins {margin:0;}
.icono-logins img {width:50px; height:50px;}
.campo-logins {margin:-1px 0 0 60px;}
.campo-logins input {width:200px;}
.contenedor-logins input {padding:7px;}
	
}


/* ----------------------- ANIMACIONES MENUS MOVIL ---------------------------- */

.dl-menu.dl-animate-in-1 {-webkit-animation:MenuAnimIn1 0.3s; animation:MenuAnimIn1 0.3s;}
@-webkit-keyframes MenuAnimIn1 {
	0% {-webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20% {-webkit-transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {-webkit-transform:translateZ(0px) rotateY(0deg); opacity:1;}
}
@keyframes MenuAnimIn1 {
	0% {-webkit-transform:translateZ(-500px) rotateY(0deg); transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20% {-webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {-webkit-transform:translateZ(0px) rotateY(0deg); transform:translateZ(0px) rotateY(0deg); opacity:1;}
}

.dl-menu.dl-animate-out-1 {-webkit-animation:MenuAnimOut1 0.4s; animation:MenuAnimOut1 0.4s;}
@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {-webkit-transform:translateZ(-250px) rotateY(30deg);}
	75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {-webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}
@keyframes MenuAnimOut1 {
	0% { }
	50% {-webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg);}
	75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg); transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {-webkit-transform:translateZ(-500px) rotateY(0deg); transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation:SubMenuAnimIn1 0.4s ease; animation:SubMenuAnimIn1 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {
	0% {-webkit-transform:translateX(50%); opacity:0;}
	100% {-webkit-transform:translateX(0px); opacity:1;}
}
@keyframes SubMenuAnimIn1 {
	0% {-webkit-transform:translateX(50%); transform:translateX(50%); opacity:0;}
	100% {-webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation:SubMenuAnimOut1 0.4s ease; animation:SubMenuAnimOut1 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {
	0% {-webkit-transform:translateX(0%); opacity:1;}
	100% {-webkit-transform:translateX(50%); opacity:0;}
}
@keyframes SubMenuAnimOut1 {
	0% {-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	100% {-webkit-transform:translateX(50%); transform:translateX(50%); opacity:0;}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position:relative; opacity:1; -webkit-transform:none; transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {display:block;}
.no-js .dl-menuwrapper li.dl-back {display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content:'';}


/* ----------------------------- ICONOS WEB ------------------------------------*/

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; -webkit-font-smoothing:antialiased;}

.iconHomeS:before    {content:"\e900";}
.iconHomeH:before    {content:"\e923";}
.iconCorazonS:before {content:"\e91a";}
.iconCorazonH:before {content:"\e921";}
.iconBuscar:before   {content:"\e922";}
.iconCarro:before    {content:"\e91c";}
.iconCesta:before    {content:"\e91b";}
.iconBolsa:before    {content:"\e91d";}
.iconUserS:before    {content:"\e91f";}
.iconUserS2:before	 {content:"\e946";}
.iconUserH:before    {content:"\e91e";}
.iconPassS1:before	 {content:"\e945";}
.iconPassH1:before   {content:"\e944";}
.iconPassS2:before   {content:"\e943";}
.iconPassH2:before   {content:"\e942";}

.iconPagoTarjeta:before   {content:"\e973";}
.iconPagoBizum:before     {content:"\e974";}
.iconPagoPaypal:before    {content:"\e971";}
.iconPagoTransfer:before  {content:"\e972";}
.iconPagoReembolso:before {content:"\e970";}
.iconPagoEnMano1:before   {content:"\e96f";}
.iconPagoEnMano2:before   {content:"\e96e";}
.iconPagoGPay:before      {content:"\e977";}
.iconPagoStripe:before    {content:"\e976";}
.iconPagoSequra:before    {content:"\e975";}

.iconMenu1:before    {content:"\e905";}
.iconMenu2:before    {content:"\e924";}
.iconMenu3:before    {content:"\e925";}
.iconDirec:before    {content:"\e908";}
.iconFax:before      {content:"\e90b";}
.iconEmail:before    {content:"\e909";}
.iconEmailS:before   {content:"\e906";}
.iconEmailH:before   {content:"\e952";}
.iconContacto:before {content:"\e926";}
.iconMovil:before    {content:"\e917";}
.iconTelef:before    {content:"\e951";}
.iconTelefS:before   {content:"\e907";}
.iconTelefH:before   {content:"\e90a";}
.iconCamionS:before  {content:"\e941";}
.iconCamionH:before  {content:"\e940";}
.iconInfo:before     {content:"\e947";}
.iconIdiomas:before  {content:"\e960";}
.iconFecha1:before   {content:"\e919";}
.iconFecha2:before   {content:"\e963";}
.iconHorario:before  {content:"\e93f";}

.iconEstEsperaH:before    {content:"\e982";}
.iconEstEsperaS:before    {content:"\e983";}
.iconEstAprobadoH:before  {content:"\e984";}
.iconEstAprobadoS:before  {content:"\e985";}
.iconEstPreparadoH:before {content:"\e986";}
.iconEstPreparadoS:before {content:"\e987";}
.iconEstEnviado:before    {content:"\e988";}
.iconEstRecibido:before   {content:"\e989";}
.iconEstCancelado:before  {content:"\e98a";}
.iconEstReembolso:before  {content:"\e98b";}
.iconEstDevoInicio:before {content:"\e98e";}
.iconEstDevoFin:before    {content:"\e98d";}
.iconEstDevoCancel:before {content:"\e98c";}

.iconNuevoH:before   {content:"\e9a1";}
.iconNuevoS:before   {content:"\e9a2";}
.iconOferta1:before  {content:"\e9a5";}
.iconOferta2H:before {content:"\e9a3";}
.iconOferta2S:before {content:"\e9a4";}
.iconDestacaH:before {content:"\e99f";}
.iconDestacaS:before {content:"\e9a0";}

.iconOk:before  {content:"\e93e";}
.iconOkS:before {content:"\e9a8";}
.iconKoH:before {content:"\e9a6";}
.iconKoS:before {content:"\e9a7";}

.iconStarNormal:before {content:"\e918";}
.iconStarRound:before  {content:"\e92e";}
.iconStarBorde:before  {content:"\e92d";}
.iconStarHueca:before  {content:"\e92c";}
.iconContraste:before  {content:"\e927";}
.iconConfigurar:before {content:"\e928";}
.iconSpinner1:before   {content:"\e94d";}
.iconSpinner2:before   {content:"\e94e";}
.iconSave:before       {content:"\e94f";}
.iconPrinter:before    {content:"\e9a9";}
.iconOrdenar:before    {content:"\e957";}
.iconFiltro1:before    {content:"\e954";}
.iconFiltro2:before    {content:"\e953";}
.iconFiltro3S:before   {content:"\e955";}
.iconFiltro3H:before   {content:"\e956";}

.iconCalcular:before {content:"\e991";}
.iconVerSi:before    {content:"\e98f";}
.iconVerNo:before    {content:"\e990";}
.iconVista:before    {content:"\e96c";}
.iconVista360:before {content:"\e96b";}
.iconMas:before      {content:"\e993";}
.iconMenos:before    {content:"\e992";}
.iconEditar:before   {content:"\e950";}
.iconFolleto:before  {content:"\e962";}
.iconGaleria:before  {content:"\e969";}
.iconVideos:before   {content:"\e95b";}
.iconCodeBar1:before {content:"\e9aa";}
.iconCodeBar2:before {content:"\e9ab";}
.iconCodeQR1:before  {content:"\e9ad";}
.iconCodeQR2:before  {content:"\e9ac";}
.iconMapa:before     {content:"\e9ae";}
.iconMapaInte:before {content:"\e96a";}

.iconExplora:before  {content:"\e95e";}
.iconLlegar:before   {content:"\e964";}
.iconFiesta:before   {content:"\e958";}
.iconComer:before    {content:"\e959";}
.iconDormir:before   {content:"\e95a";}
.iconHistoria:before {content:"\e95f";}
.iconGuiadas:before  {content:"\e961";}
.iconMuseos:before   {content:"\e965";}
.iconParques:before  {content:"\e966";}
.iconIglesia:before  {content:"\e967";}
.iconSenderos:before {content:"\e968";}
.iconTeresa:before   {content:"\e95c";}
.iconSanJuan:before  {content:"\e95d";}
.iconCazorla:before  {content:"\e96d";}

.iconFilePDF_H:before {content:"\e978";}
.iconFilePDF_S:before {content:"\e979";}
.iconFileCSV_H:before {content:"\e97a";}
.iconFileCSV_S:before {content:"\e97b";}
.iconFileJPG_H:before {content:"\e97c";}
.iconFileJPG_S:before {content:"\e97d";}
.iconFilePNG_H:before {content:"\e97e";}
.iconFilePNG_S:before {content:"\e97f";}
.iconFileSVG_H:before {content:"\e980";}
.iconFileSVG_S:before {content:"\e981";}

.iconCerrarBold:before     {content:"\e90c";}
.iconCerrarMedi:before     {content:"\e92f";}
.iconCerrarNorm:before     {content:"\e930";}
.iconCerrarFino:before     {content:"\e931";}
.iconFlechaTopBold:before  {content:"\e901";}
.iconFlechaTopMedi:before  {content:"\e932";}
.iconFlechaTopNorm:before  {content:"\e933";}
.iconFlechaTopFina:before  {content:"\e934";}
.iconFlechaDchaBold:before {content:"\e902";}
.iconFlechaDchaMedi:before {content:"\e935";}
.iconFlechaDchaNorm:before {content:"\e936";}
.iconFlechaDchaFina:before {content:"\e937";}
.iconFlechaBajoBold:before {content:"\e903";}
.iconFlechaBajoMedi:before {content:"\e938";}
.iconFlechaBajoNorm:before {content:"\e939";}
.iconFlechaBajoFina:before {content:"\e93a";}
.iconFlechaIzdaBold:before {content:"\e904";}
.iconFlechaIzdaMedi:before {content:"\e93b";}
.iconFlechaIzdaNorm:before {content:"\e93c";}
.iconFlechaIzdaFina:before {content:"\e93d";}

.iconScrollCent:before  {content:"\e998";}
.iconScrollTop:before   {content:"\e997";}
.iconScrollDcha:before  {content:"\e996";}
.iconScrollBajo:before  {content:"\e994";}
.iconScrollIzda:before  {content:"\e995";}
.iconFlechaBack1:before {content:"\e999";}
.iconFlechaGo1:before   {content:"\e99a";}
.iconFlechaBack2:before {content:"\e99b";}
.iconFlechaGo2:before   {content:"\e99c";}
.iconFlechaBack3:before {content:"\e99d";}

.iconRedes:before      {content:"\e916";}
.iconFacebook:before   {content:"\e90d";}
.iconTwitter:before    {content:"\e90e";}
.iconWordpressH:before {content:"\e90f";}
.iconWordpressS:before {content:"\e94c";}
.iconBlog:before       {content:"\e910";}
.iconInstagram:before  {content:"\e911";}
.iconYoutube1:before   {content:"\e912";}
.iconYoutube2:before   {content:"\e920";}
.iconLinkedin:before   {content:"\e914";}
.iconPinterest:before  {content:"\e915";}
.iconWhatsappS:before  {content:"\e913";}
.iconWhatsappH:before  {content:"\e99e";}
.iconWhatsappColor .whatPath1:before {content:"\e929"; color:#40a035;}
.iconWhatsappColor .whatPath2:before {content:"\e92a"; color:#ffffff; margin-left:-1em;}
.iconWhatsappColor .whatPath3:before {content:"\e92b"; color:#40a035; margin-left:-1em;}
.iconGoogle .gooPath1:before {content:"\e948"; color:#d7282a;}
.iconGoogle .gooPath2:before {content:"\e949"; color:#45ac43; margin-left:-1em;}
.iconGoogle .gooPath3:before {content:"\e94a"; color:#5177b5; margin-left:-1em;}
.iconGoogle .gooPath4:before {content:"\e94b"; color:#f4c300; margin-left:-1em;}


/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

a, img, .opacidad img, .realce img, .respland img, .sombra, .ampliar img, .amplia2 img, .ampliaCapa, .desplaza img, .ruleta img, .circulo img, .cuadrado img, .grises img, 
#menu li a, .nav li a, .carro-flotante, .efectos, .efectos img, .efectos a, input, #menu-fondo {transition:all 0.4s; -webkit-transition:all 0.4s;}

.productos-contenedor, .productos-imagen img, .ficha-boton, .ficha-boton2, .productos-botonera, .vista-rapida-ficha, .efecto5, .efecto5 img, .efecto5 a {
	transition:all 0.5s; -webkit-transition:all 0.5s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.6;}

.respland img {box-shadow:0 0 0 #fff;}
.respland img:hover {box-shadow:0 0 5px #fff;}

.sombra {box-shadow:0 0 0 rgba(0,0,0,0);}
.sombra:hover {box-shadow:0 0 6px rgba(0,0,0,0.5);}

.ampliar img, .amplia2 img, .amplia3 img {transform: scale(1);}
.ampliar img:hover {transform: scale(1.18);}
.amplia2 img:hover {transform: scale(1.05);}
.amplia3 img:hover {transform: scale(1.03);}

.ampliaCapa {-webkit-transform: scale(1); transform: scale(1);}
.ampliaCapa:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}

.desplaza img, .ruleta img {margin-top:0; padding-bottom:0;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}
.ruleta img:hover {margin-top:-30px; padding-bottom:30px;}

.circulo img, .cuadrado img:hover {border:solid 2px #fff; border-radius:0;}
.circulo img:hover, .cuadrado img {border:solid 2px #fff; border-radius:50%;}

.grises img {filter: url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


/* ----------------------------- ESTILOS FORMULARIOS ------------------------------------*/

.seccion-form, .campos, .selector, .form-label-privacidad a {font:15px Arial, Helvetica; text-decoration:none;}

.form-container {width:100%; max-width:560px; margin:20px auto auto auto; background:rgba(255,255,255,0.95); border:solid 1px #dddddd;}
.form-container ul {margin:0; padding:20px;}

.campos {width:95%; max-width:95%; padding:10px; border-radius:5px; border:solid 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.02); box-shadow:0 0 5px rgba(0,0,0,0.3);}
.campos:hover {border:solid 1px rgba(0,0,0,0.5); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.6);}
.campos, .form-button button {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}

.selector {min-width:50%; max-width:90%; padding:6px; border-radius:5px; border:solid 1px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3);}

.form-ul {margin:0; padding:10px 25px; list-style:none;}
.form-ul li {clear:both; padding:0 0 20px 0;}

.form-label-text {width:90%; margin-left:8px; line-height:36px; text-align:left;}
.form-field-text, .form-field-area, .form-field-select {width:97%; height:40px; margin-left:10px;}
.form-field-area {height:105px;}
.form-field-area textarea {height:80px; max-height:80px;}
.form-field-select, .form-field-option, .form-field-check {margin-left:25px;}

.form-label-privacidad {width:65%; padding-top:2px; text-align:right; float:left; display:inline;}
.form-field-privacidad {margin-left:10px; float:left; display:inline;}

.form-button {width:100%; margin-top:10px; text-align:center;}
	.form-button button {width:140px; height:35px; border:solid 1px rgba(0,0,0,0.4); border-radius:5px; background:rgba(0,0,0,0.5); color:#fff;}
	.form-button button:hover {width:150px; background:rgba(0,0,0,0.7);}
	
.check {margin:5px 5px 0 0;}
.error {color:#FF0004;}

#formulario-seccion-recaptcha {text-align:center;}
#recaptcha_area {margin:30px auto auto auto;}


/* ----------------------------- ESTILOS RGPD ------------------------------------*/

.text-checkbox-privacidad, .text-checkbox-noticias, .text-checkbox-carrito {font-size:70%; padding:10px; border:solid 1px; margin:5px 0 20px 0;}


/*CSS_SECCION_FAQ*/
#seccion-faqs{width:100%; margin:0 0 5px 0;}
#seccion-faqs dt{cursor:pointer; font-weight:bold; font-size:110%; padding:10px; margin-top:15px;
	border:solid 2px rgba(0,0,0,0.4); background:rgba(0,0,0,0.05);border-radius:8px;}
#seccion-faqs dt.active{color:#818181;}
#seccion-faqs dt:hover{color:#818181;}
#seccion-faqs dd{height:0; overflow:hidden; position:relative; padding:10px; margin:-1px 10px 10px 10px; border:solid 1px rgba(0,0,0,0.2); border-radius:0 0 8px 8px;}


/*CSS_DESCUENTOS_CANTIDADES_PRODUCTOS*/
#dtoCantidadProducto {width:100%; max-width:700px; margin:20px auto auto auto; padding:7px; text-align:center; font-family:Arial, Helvetica, sans-serif;
	border-radius:10px; background:rgba(0,0,0,0.05); border:solid 1px #cccccc;}
#dtoCantidadProducto, .dtoTxtTitu, .dtoTxtNorm, .dtoTxtTitular {-webkit-box-sizing:border-box; box-sizing:border-box;}
#dtoCantidadProducto table {width:100%; margin:auto; border-collapse:separate;}
#dtoCantidadProducto td {width:32.7%; margin:.15% .3%; border-radius:5px; text-align:center; vertical-align:middle;}
.dtoTxtTitu, .dtoTxtNorm, .dtoTxtTitular {padding:10px; font-size:16px; line-height:17px;}
.dtoTxtTitular {width:99.6%; margin:.15% .3%; color:#fff; font-weight:bold; font-size:18px; border-radius:5px; background:rgba(0,0,0,0.8); border:solid 1px #999999;}
.dtoTxtTitu {font-weight:bold; color:#fff; background:rgba(0,0,0,0.5); border:solid 1px #999999;}
.dtoTxtNorm {font-weight:normal; color:#000; background:#fff; border:solid 1px #cccccc;}
.dtoTxtVar {font-size:70%;}