body {top:0 !important;}

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

#Cabz {height:160px; background:#ffffff; border-bottom:solid 1px #ed7e00; position:fixed; z-index:1000;}

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

#cabecera {margin:0px auto;}

#franjaLogin {width:100%; height:40px; margin:0; background:#2f2e2a; position:absolute;}

	#usuarios2 {min-width:280px; height:34px; margin:3px 0px 0px 0px; text-align:left; overflow:hidden; position:absolute;}
    	ul#menu-usu {margin:0px 0px 0px 0px; text-align:center; float:left; position:relative;}
		ul#menu-usu li {float:left; list-style:none; position:relative;}
		ul#menu-usu li a {padding:0px 15px 0px 7px; color:#ffffff; font-size:16px; line-height:34px; display:block;}  
		ul#menu-usu li a:hover {color:#f39b37;}

	#carro4 {width:280px; height:50px; margin:-5px 0px 0px 720px; position:absolute;}
	.carro-icono2 {right:0px; position:absolute;}
		#Cart, #Cart a {font-size:18px; line-height:50px;}
		#Cart {padding:0px 60px 0px 0px; text-align:right;}
		#Cart a {font-weight:bold;}
		#Cart, #Cart a:hover, #carro-lleno a:hover {color:#ffffff;}
		#Cart a, #carro-lleno a {color:#f39b37;}

	#buscar {width:230px; height:30px; margin:5px 0px 0px 290px; text-align:left; position:absolute;}
		.buscar {width:100%; height:22px; padding:3px 25px 3px 5px;}
		form#busca input, form#busca textarea {
			font:12px Verdana, Arial; border-radius:5px; border:1px solid #ed7e00; background:#fafafa; color:#000000; display:block;}
		form#busca input:focus, form#busca input:hover  {border:1px solid #ffffff; background:#ffffff;}
		.separador {width:12px;}
		.botonBuscar {width:30px; height:30px; float:left; display:block; border-radius:0px 5px 5px 0px; background:#ed7e00;}
		.botonBuscar img {width:20px; margin:5px;}
		
	#idiomas {margin:8px 0px 0px 540px; position:absolute;}
	.goog-te-banner-frame {display:none;}

	.logo {margin:75px 0px 0px 0px; position:absolute;}

	.contactoWhat {margin:55px 0px 0px 450px; position:absolute;}
	.contactoTelf {margin:55px 0px 0px 610px; position:absolute;}
	.contactoMail {margin:55px 0px 0px 780px; position:absolute;}
	
	#cabeceraMenu {width:550px; height:40px; margin:100px 0px 0px 455px; 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 15px; color:#000000; font-size:18px; line-height:18px; display:block;}
	.nav li a:hover {color:#ffffff; background:#ed7e00;}
	.nav li {list-style:none; position:relative;}
	.nav li ul {width:230px; display:none; border:1px solid #777777; background:#ffffff; box-shadow:2px 2px 4px rgba(0,0,0,0.4); position:absolute;}
	.nav li li a {padding:8px 10px; color:#000000;}
	.nav li li a:hover {}
	.nav li:hover > ul {display:block;}
	.nav li ul li ul {right:-220px; top:0;}


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

#cuerpo {text-align:left;}

	#franjaSuperior {height:180px;}


#principal {width:960px; margin:0px 0px 0px 20px; color:#000000; 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;}
	
	a.callbacks_nav.callbacks1_nav.prev {margin-left:70px !important;}


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


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

#Pie {background:url(images/pieFondo.png) repeat top center #2f2e2a;}
	
	#pieAnuncios {margin:auto; text-align:center; background:#ed7e00;}
		.linksImg {margin:auto; float:none; display:inline;}
		.linksImg img {margin:15px 50px; vertical-align:middle;}

	#pieContenedor, #pieContenedor a, #pieTexto, #pieTexto a {font-size:15px; line-height:15px; color:#ffffff;}	
	#pieContenedor a:hover {color:#f0a248;}

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

	.pieTitular {width:100%; margin-bottom:15px; padding:25px 0 5px; font-weight:600; font-size:19px; line-height:20px; color:#f0a248; border-bottom:solid 1px #f0a248;}

	.iconoPie {width:30px; margin:0px 5px 0px 0px; font-size:22px; line-height:22px; color:#f0a248; display:inline;}
	.verdeWhatsApp {color:#40a035;}
	
	.redesPie {float:none; display:inline;}
	.redesPie img {height:36px; margin:10px 5px;}
		
	#pieTexto {width:100%; margin:20px auto auto auto; padding:20px 0px; text-align:center; background:rgba(0,0,0,0.5); border-top:solid 1px #886133;}
	#pieTexto, #pieTexto a {color:#cccccc;}
	#pieTexto a:hover      {color:#f0a248;}


/* ------ Banner Lateral Noticias ----------------------- */

.ventBlog {width:300px; height:550px; left:-280px; top:50%; margin-top:-300px; position:fixed; box-shadow:0px 0px 12px rgba(0,0,0,0.25); z-index:9999;
	background:#f8f8f8; border-radius:0px 15px 15px 0px; border:solid 1px #cccccc;
	transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in;}
.ventBlog:hover {left:0px;}

.ventBlogTitulo {width:350px; top:42%; left:130px; color:#ffffff; font-weight:bold; font-size:25px; line-height:70px; text-align:center;
    background:#ed7b00; border-radius:10px; border:solid 2px #000000; box-shadow:0px 0px 15px rgba(0,0,0,0.5); position:absolute;
    transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg);}

#postNews {width:240px; height:500px; margin:25px 20px 20px 20px; border-top:solid 1px #ddd; overflow:hidden;}
	#postNews p {padding:10px 5px 10px 15px; background:url(images/img-news.png) no-repeat 0px 15px; border-bottom:solid 1px #ddd;}
	#postNews a {color:#000000; font-size:20px; line-height:22px;}
	#postNews a:hover {color:#ed7e00;}
	.noticias-fecha, .noticias-titulo, .noticias-cuerpo {margin:auto;}	


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

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

#cuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor {width:1280px;}

#principal {width:1260px; margin:0px 0px 0px 10px;}
	.modulos-sliders .slide {margin:5px 15px 5px 2px !important;}
	.linksImg img {margin:15px 100px;}
	
}


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


/* ---------------------------------- 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:#000000;}	
.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 {width:300px;}
.productos {min-height:470px; margin:10px 15px;}

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

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

	.nombreCont {height:70px; text-align:center; vertical-align:middle; display:table-cell;}
	.productos-nombre {margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; text-align:center;}
	.productos-nombre, .productos-nombre a {font-weight:400; font-size:16px; line-height:16px;}		
		.productos-nombre a       {color:#000000;}
		.productos-nombre a:hover {color:#ed7e00;}		

	.productos-precio {padding:5px;}		
	.pvp_oferta, .productos-precio {font-weight:600; font-size:24px; color:#ed7e00;}
	.pvp_oferta_old {color:#F00;}
	.fichaOpiniones {width:100%; height:20px; font-size:16px; line-height:16px; text-align:center;}
	.ficha-boton2 {height:30px; margin-top:-25px; opacity:0;}
	
	.vista-rapida-ficha {margin:-160px 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:0px 0px 7px rgba(0,0,0,0.5);
		padding:10px; line-height:15px; color:#ffffff; font-weight:600; font-size:15px;}
	.vista-rapida-ficha a:hover {color:#cccccc; background:rgba(0,0,0,0.85);}

	.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);}

@media only screen and (min-width: 1350px) {
	.productos {margin:10px 10px;}
}

/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */
		
#productos-final-nombre {text-align:left; font-size:25px; font-weight:400; color:#162983;}
#productos-final-imagen {text-align:left; margin:0px;}
	#productos-final-imagen img {margin:5px 20px 10px 0px; max-width:400px; display:block; float:left;}
	.zoom-adic {width:400px; margin:0; padding:0;}
	.Selector img {border:2px solid #ccc;}
	.Selector.Active img {border:2px solid #FB9E11;}	

	#codep, #fabri, #larga, .contenidos-extra, .Opiniones {font-size:16px; color:#000000;}
	#corta {margin:20px auto; text-align:left; font-size:18px; color:#444444;}
	.Opiniones {padding-top:5px;}
	#codep, #fabri {padding-top:15px;}
	#corta, #larga, .contenidos-extra {word-wrap:break-word;}
	
#productos-final-precio {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:#ed7e00;}
	.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:369px; margin:10px auto auto auto; padding:10px; text-align:center; border:solid 2px #ffffff; background:rgba(255,255,255,0.5);}
		.cantidad-txt {font-size:18px; padding-top:8px;}
		.cantidad-flotar {margin:0px 0px 0px 15px; float:left; display:inline;}

	.botonAnadirCarrito {margin:15px auto 10px auto; text-align:center;}
	.botonAnadirCarrito a {padding:10px 25px; font-size:25px; font-weight:400; line-height:60px; text-shadow:1px 2px 3px rgba(0,0,0,0.2);
		border:solid 3px #ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.4);}
	.botonAnadirCarrito a:hover {border:solid 3px #ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.8);}	

	.botonAnadirCarrito a, .fichaFixedBtn a             {color:#ffffff; background:#ed7e00;}
	.botonAnadirCarrito a:hover, .fichaFixedBtn a:hover {color:#ffffff; background:#222222;}

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

/*-- ESTILOS FICHA FIXED --*/
.capaTotalPr {width:0px; margin:0px auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.imgAnchoTotal {width:100%;}
.fichaFixed {width:100%; height:70px; background:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.5); top:0px; position:fixed; opacity:0; z-index:99;
	transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; -ms-transition:all 0.8s;}
	.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:0px 10px;}
	.fichaFixedBtn {width:180px; margin:22px 0px; text-align:center;}
	.fichaFixedBtn a {padding:10px 15px; box-shadow:0px 0px 6px rgba(0,0,0,0.3); border-radius:10px;}
	

/* ---------------------- PROPIEDADES DEL CARRITO Y DE FINALIZACI�N COMPRAS --------------------------------- */

.carro-fondo1 {height:35px; color:#ffffff; background:#a45700;}
.carro-fondo2 {height:35px; color:#000000; background:#ffffff;}

.redondo1 {padding:4px; text-align:center; vertical-align:middle;}
.redondo2 {width:100%; padding:2px 2px 5px 2px; background:rgba(0,0,0,0.15); border-collapse:separate;}
.form_login, .redondo1, .redondo2, input, select {border-radius:5px;}

.tabla50 {width:50px;}
.tabla70 {width:70px;}
.tabla80 {width:80px;}

#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;}



/* --------------------- BOTON ACCESO CLIENTES + ACTUALIZAR CARRITO ---------------------------*/

.boton_buscar {width:100px;}
.boton_area {width:70px; margin-left:6px;}
.ibutton {width:155px; margin-top:5px;}

.boton_buscar, .boton_area, .ibutton {height:35px; font:bold 14px Arial, Helvetica, sans-serif; line-height:12px; border-radius:8px;
	border:2px Solid #000000; color:#ffffff; background:#555555; /* text-indent: -9999px; */}

.boton_buscar:hover, .boton_area:hover, .ibutton:hover {border:2px Solid #000000; color:#000000; background:#ffffff;}


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

.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:#000000;}
.form_login:hover {border:1px Solid rgba(0,0,0,0.5); background:#ffffff; color:#000000;}
.login_usuario, .login_pass {font-weight:normal; font-size:12px; color:#000000;}

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