body {background:#ffffff;}
html {overflow-x:hidden;}


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

#Cabz {width:100%; margin:auto; background:url(images/cabeceraFondo.png) repeat-x top center;}

#cabecera, #cuerpo, #principal, #franjaSuperior, #tablaPrincipal, .tablaCent, #franjaInferior, #pieContenedor, #pieTexto {width:1000px; margin:auto;}


.cabzSuperior {width:100%; height:50px; margin:0px; background:rgba(255,255,255,0); z-index:100; position:fixed;}

	#idiomas {width:120px; margin:8px 0px 0px 0px; text-align:center; position:absolute;}
		.idi-link {margin:0px 7px 0px 0px; text-align:left; float:left; display:inline;}
		.idi-link img {width:32px;}
		
	.logoHorizontal {margin:5px 0px 0px 350px; position:absolute; opacity:0;}
	.logoHorizontal img {height:40px;}

	#usuarios {width:150px; min-height:40px; margin:5px 0px 0px 710px; position:absolute;}
	#usuarios-icono {left:0px; position:absolute;}
	#usuarios-txt {padding:0px 0px 0px 45px; text-align:left;}
	#usuarios-txt a {color:#000000; font:normal 18px 'GothXNw', Arial, Helvetica, sans-serif; line-height:40px; text-transform:uppercase;}
	#usuarios-txt a:hover {color:#a7c200;}

	#carro3 {width:150px; min-height:40px; margin:5px 0px 0px 855px; position:absolute;}
	#carro-icono {left:0px; position:absolute;}
		#Cart, #Cart a, #carro-total {font:normal 18px 'GothXNw', Arial, Helvetica, sans-serif; line-height:16px;}
		#Cart {padding:3px 0px 0px 45px; text-align:left;}
		#Cart, #Cart a:hover {color:#000000;}
		#Cart a, #carro-total {color:#a7c200; font-weight:bold;}
		#carro-total {margin-top:2px;}
		#carro-vacio {line-height:35px;}


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

	.logoArbol {margin:7px 0px 0px 120px; position:absolute;}
	.logoAove {margin:193px 0px 0px 250px; position:absolute;}
	.logo {margin:40px 0px 0px 385px; position:absolute;}

	
.menuContenedor {width:100%; height:50px; margin:0; background:#000000; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}

	.menuFixed {top:50px; position:fixed; z-index:100;}	

	#cabeceraMenu {width:1000px; height:40px; margin:5px 0px 0px 0px; clear:both; text-align:left; position:absolute;}
	ul.nav {float:left; left:50%; position:relative;}
	.nav > li {float:left; z-index:999;}
	.nav li a {padding:10px 12px; color:#d6e094; font:normal 18px 'GothXNw', Arial, Sans-Serif; line-height:20px; text-transform:uppercase; display:block;}
	.nav li a:hover {color:#ffffff; background:#a7c200;}
	.nav li {list-style:none; position:relative; right:50%;}
	.nav li li {left:0%;}
	.nav li ul {width:200px; border:1px solid #555555; box-shadow:2px 2px 4px rgba(0,0,0,0.25); display:none; position:absolute;}
	.nav li li a {padding:8px 10px; color:#000000; background:#ffffff;}
	.nav li:hover > ul {display:block;}
	.nav li ul li ul {right:-202px; top:0;}	
		

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

#cuerpo {margin:auto; text-align:left;}

	#franjaSuperior {height:30px;}


#principal {margin:0px auto; color:#555555;}

	#principal iframe {max-width:100%;}
	#cat-descripcion img {max-width:95%; height:auto; display:inline;}	
	#cat-descripcion {text-align:center;}

	#principal-text, .mapa-text {font-size:20px;}
	#principal-text ul, #principal-text ol {margin-left:20px;}
	
	#contenedor-general {width:980px; margin:auto;}

	.mapas {width:90%; height:550px; margin:35px auto; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}

#franjaInferior {height:40px; margin:auto; clear:both;}


/* --------------------------------------------------------------------------------------------------- */
	
#Pie {width:100%; margin:auto; background:url(images/fondoVerde.png) repeat top center #768900;}
	
	#pieLogos {margin:auto; text-align:center; border-top:solid 1px #ffd401; background:#ffffff;}
		.logosImg {float:none; display:inline;}
		.logosImg img {width:auto; max-height:90px; margin:15px 15px; vertical-align:middle;}

	#pieAnuncios {margin:auto; text-align:center; border-top:solid 1px #a7c200; border-bottom:solid 1px #a7c200; background:#657500;}
		.linksImg {float:none; display:inline;}
		.linksImg img {margin:15px 25px; vertical-align:middle;}

	#pieContenedor {margin:auto;}
	#pieContenedor, #pieContenedor a {font:normal 16px 'GothXNw', Arial, Helvetica; line-height:16px; color:#ffffff;}	
	#pieContenedor a:hover {color:#c2d454;}

	.pieBloque {width:210px; margin:0px 20px; text-align:left; float:left; display:block;}
	.pieBloque p {margin:0px 1px 5px 5px;}

	.pieTitular {width:100%; height:60px; margin-bottom:10px; text-align:left; border-bottom:solid 1px #ffd401;}
	.pieTitular p {padding:30px 0px 0px 0px; color:#c2d454; font:600 22px 'GothXNw', Arial, Helvetica; line-height:22px; text-transform:uppercase;}

	.redesPie {margin:10px 3px 0px 5px; text-align:left; float:left; display:block;}
	.redesPie img {width:44px;}
	
	.mapaPie {width:96%; height:180px; margin:auto;}

	#pieTexto {width:100%; margin:30px auto auto auto; text-align:center; border-top:solid 1px #a7c200; background:rgba(0,0,0,0.4);}
	#pieTexto, #pieTexto a {font:normal 16px 'GothXNw', Arial, Helvetica; line-height:60px; color:#ffffff;}
	#pieTexto a:hover {color:#c2d454;}


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

.texto_nombre_pr {margin-bottom:20px; font:bold 30px 'GothXNw', Arial, Helvetica, sans-serif; color:#768900;}	
#contenedor-fichas {width:104%; margin:auto auto auto -2%; text-align:center; clear:both; display:flex; flex-wrap:wrap; justify-content:center;}

.productos, .vista-rapida-ficha, .nombreCont {width:230px;}
.productos {min-height:440px; margin:10px;}

.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:3px auto 10px auto; width:220px; height:220px; line-height:220px; overflow:hidden;}
	.productos-imagen img {vertical-align:middle;}
		
	.productos-nombre {margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; text-align:center;}
	.productos-nombre, .productos-nombre a {font:600 22px 'GothXNw', Arial, Helvetica, sans-serif; line-height:22px;}		
		.productos-nombre a       {color:#768900;}
		.productos-nombre a:hover {color:#000000;}		

	.productos-corta {margin-top:10px; font-size:16px; color:#777777;}
	
	.productos-precio {padding:5px;}		
	.pvp_oferta, .productos-precio {font:bold 30px 'GothXNw', Arial, Helvetica, sans-serif; color:#657500;}
	.fichaOpiniones {width:100%; font-size:16px; line-height:20px; height:25px; 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:0px 0px 7px rgba(0,0,0,0.5);
		padding:10px; line-height:15px; color:#ffffff; font:bold 15px Arial, Helvetica, sans-serif;}
	.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);}

.eti-productos {pointer-events:none;}
.eti-oferta {width:100%; position:relative; color:#000000; 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:0px 0px 6px rgba(0,0,0,0.6); border-radius:49%; position:absolute; z-index:25;}


/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */
		
#fichaDescripcionesProducto, #pestanas-propiedades {max-width:1250px; margin:auto;}

#productos-final-nombre {text-align:left; font:600 30px 'GothXNw', Arial, Helvetica; color:#768900;}
#productos-final-imagen {text-align:left; margin:0px 0px 0px 0px;}
	#productos-final-imagen img {margin:5px 20px 10px 0px; max-width:400px; display:block; float:left;}
	.zoom-adic {width:400px; text-align:left; margin:0; padding:0;}
	.Selector img {border:2px solid #ccc;}
	.Selector.Active img {border:2px solid #FB9E11;}	

	#corta {padding:10px 0px; font-size:24px; color:#777777;}
	#larga {margin:25px auto; font-size:20px; text-align:center; color:#000000; background:#f1f4df; border-radius:15px; padding:20px;}
	#corta, #larga, .contenidos-extra {word-wrap:break-word;}
	#corta img, .corta img, #larga img, .larga img, .contenidos-extra img {max-width:100%;}
	.Opiniones {padding-top:5px;}
	#codep, #fabri {padding-top:15px;}
	#codep, #fabri, .contenidos-extra, .Opiniones {font-size:18px; color:#000000;}

#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:36px; margin-right:10px; color:#345a02;}
	.precio_oferta {font-weight:normal; font-size:28px; text-decoration:line-through; color:#F00;}

#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 {padding-top:8px;}
	.cantidad-flotar {margin:0px 0px 0px 15px; float:left; display:inline;}

	.productos-sombra2, .productos-sombra3, .boton-ir-tienda, .botonAdjuntar {border-radius:8px;}
	.productos-sombra2 {height:50px; box-shadow:inset 0 0 15px rgba(0,0,0,.25);}
	.productos-sombra3 {height:40px; box-shadow:inset 0 0 15px rgba(0,0,0,.25);}
	.boton-ir-tienda {width:250px; margin:15px auto 5px auto; text-align:center; border:solid 3px #ffffff; background:#657500; box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
	.boton-ir-tienda:hover {border:solid 3px #ffffff; background:#222222; box-shadow:0px 0px 10px rgba(0,0,0,0.8);}
		.boton-ir-tienda a {color:#ffffff; font:normal 25px Arial, Helvetica, sans-serif; line-height:48px;}
		.boton-ir-tienda a:hover {color:#ffffff;}
	
#producto_agotado {margin-bottom:20px; padding:20px; font:bold 16px Arial, Helvetica; text-align:center; color:#7f1418; border:solid #999 1px; background-color:#E6E6E6;}
.radio-boton {border-radius:10px;}
	
/*ESTILOS PARA LAS VARIACIONES*/
.variaciones, .atributos, .variaciones legend, .atributos legend {color:#000000;}
.variaciones, .atributos {padding:0px; margin-top:20px;}
.variaciones fieldset, .atributos fieldset {padding:7px; border:solid; border-width:1px; border-color:#CCC;}
.variaciones legend, .atributos legend {margin:0px 0px 0px 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;}

/*ESTILOS PARA LOS ATRIBUTOS*/
.atrib_opciones {text-align:left; padding:0px 15px 10px 10px; float:left; display:inline;}
.atributos label {display:block; font-weight:bold; margin-top:10px; margin-bottom:2px;}


/* ---------------------------- 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 0px 0px 5px;}
input.quantity-plus-prop-pr  {border-radius:0px 5px 5px 0px;}
input.quantity-prop-pr {border-radius:0px 0px 0px 0px; 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; line-height:20px; 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 DEL CARRITO Y DE FINALIZACIÓN COMPRAS --------------------------------- */

.carro-fondo1 {height:35px; color:#ffffff; background:#657500;}
.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;}

#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 #657500; 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;}
.formas-pago-cont-item {width:120px !important;}


/* --------------------- 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:25px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; border-radius:4px;
	border:1px Solid #768900; color:#ffffff; background:#768900; /* text-indent: -9999px; */}

.boton_buscar:hover, .boton_area:hover, .ibutton:hover {border:1px Solid #004579; color:#004579; background:#f7db18;}


/* ----------------------- 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;}



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

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

#cuerpo, #principal, #franjaSuperior, #tablaPrincipal, .tablaCent, #franjaInferior, #pieContenedor {width:1250px;}
#contenedor-general {width:980px;}
.pieBloque {width:230px; margin:0px 40px;}
.linksImg img {margin:15px 50px;}
.logosImg img {margin:15px 30px;}

}


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

#cuerpo, #principal, #franjaSuperior, #tablaPrincipal, .tablaCent, #franjaInferior {width:1500px;}

}


/*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; -moz-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:#ffffff; 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:#ffffff; background:rgba(0,0,0,0.5); border:solid 1px #999999;}
.dtoTxtNorm {font-weight:normal; color:#000000; background:#ffffff; border:solid 1px #cccccc;}
.dtoTxtVar {font-size: 70%}