/********************** LISTADO ****************************/	
#contenido_contenido div.listado{
	width:100%;
	float:left;
	margin:0;
	padding:15px 0;
	font-size:1em;
}
	#contenido_contenido div.listado p.titulo{
		border-bottom: 1px solid #cccccc;
		color: #666;
		display: block;
		float: left;
		font-size: 1.3em;
		font-weight: normal;
		margin: 0 0 15px;
		padding: 0;
		text-align: left;
		text-indent: 10px;
		text-transform: lowercase;
		width: 100%;
	}
		#contenido_contenido div.listado p.titulo div.descripcion{
			width:100%;
			float:left;
			padding:5px 0 0 2%;
			margin:0 0 0 -2%;
			color:#666;
			font-weight:normal;
			background:#ffffff;
			text-transform:none;
		}
	
#contenido_contenido div.listado ul{
	width:100%;
	float:left;
	margin: 5px 0 0 0;
	padding:0;
	position:relative;
	list-style-type:none;	
}
/************** COLUMNAS PARA LA CLASICA ****************/
		/*2col*/
		#contenido_contenido div.listado ul.doble_izquierda{
			width:48%;
			float:left;
			padding-left:5px;
			margin-top:5px;
		}
		#contenido_contenido div.listado ul.doble_derecha{
			width:48%;
			float:right;
			margin-top:5px;		
		}
		/*3col*/
		#contenido_contenido div.listado ul.triple_izquierda{
			width:32%;
			float:left;
			padding-left:5px;
			margin-top:5px;						
		}
		#contenido_contenido div.listado ul.triple_centro{
			width:32%;
			float:left;
			margin:5px 0 0 2%;
		}
		#contenido_contenido div.listado ul.triple_derecha{
			width:32%;
			float:right;
			margin-top:5px;			
		}
		/*4col*/
		#contenido_contenido div.listado ul.cuatro_izquierda{
			width:24%;
			float:left;
			padding-left:5px;
			margin-top:5px;			
		}
		#contenido_contenido div.listado ul.cuatro_centro{
			width:24%;
			float:left;
			margin:5px 0 0 1.3%;
		}
		#contenido_contenido div.listado ul.cuatro_derecha{
			width:24%;
			float:right;
			margin-top:5px;		
		}
/***************FIN COLUMNAS CLASICA*****************/
	#contenido_contenido div.listado ul li{
		/*width:45%; dos columnas*/
		/*width:29%; tres columnas*/
		/*width:20%; cuatro columnas*/
		width:96%;
		min-height: 200px;
		height:auto;
		float:left;
		margin:5px 1%;
		padding:1%;
		border:2px solid #eee;
		position:relative;
		overflow:hidden;	
		transition:0.5s all ease;
	}
		#contenido_contenido div.listado ul li.dobleColumna,
		#contenido_contenido div.listado ul li.tripleColumna,
		#contenido_contenido div.listado ul li.cuatroColumna{
			width:100%;
			margin:0;
			display:none;
			padding:0;
			min-height:0;
			border:none;
			box-shadow:none;
		}
			#contenido_contenido div.listado ul li.dobleColumna{
				/*display:block; dos columnas*/
			}
			#contenido_contenido div.listado ul li.tripleColumna{
				/*display:block; tres columnas*/
			}
			#contenido_contenido div.listado ul li.cuatroColumna{
				/*display:block; cuatro columnas*/ 
			}
				#contenido_contenido div.listado ul li:hover{
					border:2px solid #cccccc;
				}				
	
		#contenido_contenido div.listado ul li .datos_listado{
			width: 100%;
			height:auto;
			float: left;
			margin:0;
			padding:0;
			font-size: 0.9em;
		}	
			
			#contenido_contenido div.listado h3{
				width:100%;
				float: left;
				margin:0;
				padding:0;			
			}
				#contenido_contenido div.listado ul li h3 a.titulo{
					width:98%;
					min-height:45px;
					height:auto;
					float:left;
					margin:0 0 5px 0;
					padding:1%;
					font-size:0.8em;
					line-height:1.1em;
					color: #72887e;
					text-align: center;
					text-transform: uppercase;
					/*CORTAR TEXTO Y PONER PUNTOS SUSPENSIVOS SI ES DEMASIADO GRANDE*/	
					/*text-overflow:ellipsis;
					white-space:nowrap;
					margin:5px 0;*/
				}	
					#contenido_contenido div.listado ul li h2 a.titulo:hover{
						color:#222;	
						text-decoration:none;	
					}
			
			#contenido_contenido div.listado ul li span.imagen{
				width: 98%;
				height: auto;
				float: left;
				margin: 5px 0;
				padding: 0 1%;
				overflow: hidden;
				text-align:center;
			}
				#contenido_contenido div.listado ul li span.imagen a{
					width:100%;
					height: 200px;
					float:left;
					margin:0;
					padding:0;
					text-align:center;
				}
					#contenido_contenido div.listado span.imagen a img{
						max-height:100%;
						max-width:100%;
						transition:0.5s ease transform;
					}
						#contenido_contenido div.listado ul li span.imagen a img:hover{
/*							transform:scale(1.1,1.1);
*/						}	
			
			#contenido_contenido div.listado ul li div.datos_listado div.precio{
				width:100%;
				float:left;
				margin:0 0 5px 0;
				padding:0;
				font-size: 1.3em;
				text-align:center;
				color:#222;
			}
				#contenido_contenido div.listado ul li div.datos_listado div.precio p,
				#contenido_contenido div.listado ul li div.datos_listado div.precio strong{
					float:none;
					display:inline-block;
					margin:0;
					padding:3px 0;
					font-weight:normal;
				}
				#contenido_contenido div.listado ul li div.datos_listado div.precio p.valor,
				#contenido_contenido div.listado ul li div.datos_listado div.precio p.oferta{
					font-weight:bold;
					font-size:1.2em;
				}
				#contenido_contenido div.listado ul li div.datos_listado div.precio p.tachado{
					font-size:0.8em;
					text-decoration:line-through;
					color:#888;
				}
				#contenido_contenido div.listado ul li div.datos_listado div.stock{
					position: absolute;
					width: 15%;
					height: 40px;
					top: 40px;
					left: 0;
					transition:0.2s ease 0s;
					overflow:hidden;
					background:url("../../carrito/img/stock.png") right top no-repeat rgba(238,238,238,0.9);
				}
					#contenido_contenido div.listado ul li div.datos_listado div.stock:hover{
						width: 83%;
						background:url("../../carrito/img/stock.png") right top no-repeat rgba(238,238,238,0.9);
						
					}
				#contenido_contenido div.listado ul li div.datos_listado div.conStock{
					background:green;
					display:none;
				}
				#contenido_contenido div.listado ul li div.datos_listado div.sinStock{
					/*background:red;
					background:url("../../carrito/img/carrito.png") top left no-repeat rgba(238,238,238,0.9);*/
				}
					#contenido_contenido div.listado ul li div.datos_listado div.stock p{
						opacity:0;
						transition:0.2s ease opacity;						
					}
						#contenido_contenido div.listado ul li div.datos_listado div.stock:hover p{
							opacity:1;
							font-size:1em;
							color:#f05563;
							float:left;
							margin:0;
							padding:12px 40px 0 10px;
						}
						
			#contenido_contenido div.listado ul li:hover div.datos_listado a.marca,
			#contenido_contenido div.listado ul li:hover div.datos_listado nav{
				opacity:1;
				height:auto;
			}
						
			#contenido_contenido div.listado ul li div.datos_listado a.marca{
				width:30%;
				float:left;
				position:relative;
				display:inline-block;
				text-align:center;
				opacity:0;
				height:0px;
				transition:2s all ease;
			}
				#contenido_contenido div.listado ul li div.datos_listado a.marca img{
					width:auto;
					height:auto;
					max-width:80%;
					max-height:80%;
					display:inline-block;
					float:none;
				}
			#contenido_contenido div.listado ul li div.datos_listado nav{
				float:left;
				position:relative;
				display:inline-block;
				width: 100%;
				opacity:0;
				height:0px;
				transition:2s all ease;
			}
				#contenido_contenido div.listado ul li div.datos_listado a.marca + nav{
					width: 60%;
					margin: 0 0 0 5%;
				}
				#contenido_contenido div.listado ul li div.datos_listado nav.categoriasFichaListado h4{
					display:none;
				}
					
			#contenido_contenido div.listado span.fuente{	
				width:100%;			
				float:left;
				margin:3px 0;
				padding:0;
				display:block;			
			}
			
			#contenido_contenido div.listado span.resumen{	
				width:100%;		
				float:left;
				margin:3px 0;
				padding:0;				
				display:block;
				color:#72887e;		
			}	
			
			#contenido_contenido div.listado p.fecha{
				width:100%;		
				margin:3px 0;
				display:block;
				float:left;
				padding:0;
				text-align:center;
			}
			
			#contenido_contenido div.listado ul li div.datos_carrito{
				position: absolute;
				width: 17%;
				height: 40px;
				top: 40px;
				left: 0;
				background: rgba(238,238,238,0.9);
				transition:0.2s ease 0s;
				overflow:hidden;
				z-index:200;
			}
				#contenido_contenido div.listado ul li div.datos_carrito:hover{
					width: 83%;
				}
					
					#contenido_contenido div.listado ul li div.datos_carrito a.comprar{
						width: 45px;
						height:35px;
						float:right;
						margin:0 0 0 0;
						padding:5px 0 5px 0;
						background:url("../../carrito/img/carrito.png") top left no-repeat;
					}
						#contenido_contenido div.listado ul li div.datos_carrito a.comprar:hover{
							background:url("../../carrito/img/carrito_hover.png") top left no-repeat;
						}
					#contenido_contenido div.listado ul li span.unidades{
						width: auto;
						height:auto;
						float:left;
						margin:11px 0 0 10px;
						padding:0;
						text-decoration:none;
						color:#72887e;
					}
						#contenido_contenido div.listado ul li span.unidades input{
							width:75px;
							margin:0 0 0 15px;
							padding:2px;
							border:none;
							text-align:center;
							background:#ffffff;
						}
					#contenido_contenido div.listado ul li div.datos_carrito a.comprar{
						transition:0s ease-in 0.2s;
					}
					
			#contenido_contenido div.listado div.descripcion{
				width:96%;
				float:left;
				margin:10px 2% 0 2%;
				padding:0;
				overflow:hidden; 
				height:auto;
			}
					div.objeto div.descripcion img[style^='float: left'],
					div.objeto div.descripcion img[style^='float: right']{
						margin:2px 5px;
					}
					div.descripcion_seccion img[style^='float: left'],
					div.descripcion_seccion img[style^='float: right']{
						margin:2px 5px;
					}
			#contenido_contenido div.archivo_descargar{
				width:100%;
				float:left;		
				padding:0;
				margin:0;		
			}	
			#contenido_contenido div.listado div.download, div.download{
				width:auto;
				color:#707173;
				font-size:0.8em;
				float:left;		
				padding:7px 10px 3px 25px;			
			}	
				#contenido_contenido div.listado div.doc, div.doc{
					background:url(../img/doc.png) top left no-repeat;								
				}	
				#contenido_contenido div.listado div.pdf, div.pdf{
					background:url(../img/pdf.png) top left no-repeat;					
				}		
				#contenido_contenido div.listado div.ppt, div.ppt{
					background:url(../img/ppt.png) top left no-repeat;
				}	
				#contenido_contenido div.listado div.xls, div.xls{
					background:url(../img/xls.png) top left no-repeat;	
				}	
				#contenido_contenido div.listado div.txt, div.txt{
					background:url(../img/txt.png) top left no-repeat;							
				}
				#contenido_contenido div.listado div.rar, div.rar{
					background:url(../img/rar.png) top left no-repeat;	
				}	
				#base_centro div.listado swf.rar, div.swf{
					background:url(../img/swf.png) top left no-repeat;	
				}															
			
			#contenido_contenido div.listado div.descargar, div.descargar{
				width:auto;
				color:#716d10;
				font-size:0.8em;
				text-align:left;	
				float:left;
				margin:6px 0 0 0;
				padding:0 0 0 25px;				
				background:url(../img/descargar.png) no-repeat top left; 	
				height:15px;		
				display:none;										
			}	
				#contenido_contenido div.listado ul li:hover div.descargar{
					display:block;
				}
				#contenido_contenido div.listado div.descargar a{
					color:#716d10;
				}
					#contenido_contenido div.listado div.descargar a:hover{
						color:#605d5c;
					}
					
			#base_centro div.listado a.ampliar{
				/*width:50%;*/
				float:right;
				/*background: url("../img/ico_ampliar.png") no-repeat scroll right bottom;*/
				color: #ffffff;
				/*font-size: 0;*/
				height: 16px;
				/*padding: 10px 5px 0 0;*/
				text-decoration: none;
				z-index:100;
			}
				#base_centro div.listado ul.listado li:hover a.ampliar:hover{
					color:#777;
					text-decoration:none;
					font-size:0.8em;	
				}	
			
			#contenido_contenido div.descuento_oferta{
				position: absolute;
				top: 0;
				right: 0;
				width: 130px;
				height:30px;
				padding:25px 0;
				background:#111111;
				z-index: 1000;
				transform:rotate(40deg);
				transform-origin: 100% 100%;
				/*box-shadow: 0 5px 5px rgba(200,200,200,0.9);*/
			}
					#contenido_contenido div.descuento_oferta span{		
						color: #222;
						font-weight: bold;
						line-height: 0.9em;
						font-size:0.9em;
						position:absolute;
						top:38px;
						right:38px;	
						transform:rotate(-40deg);
					}
					
			div.listado div.cuadro{
				width:100%;
			}
			
			#contenido_contenido div.listado p.promociones{
				width:auto;
				margin:5px 5px 0;
				letter-spacing:-0.3px;
			}
				#contenido_contenido div.datos_listado p.promociones:first-child{
					margin-left:0;
				}
			#contenido_contenido div.listado p.promociones strong.promociones{
				display:inline;	
			}
											

/*	###############################################			OBJETOS 										*/	
 	div.objeto{
		border-top: 1px solid #eee;
		float: left;
		font-size: 1em;
		margin: 20px 0;
		padding: 0;
		position: relative;
		width: 100%;		
	}
		div.objeto h3{
			width:66%;
			float:left;
			display:block;			
			clear:none;	
		}
		#centro_centro div.objeto h1.titulo{
			color: #111;
			float: left;
			font-size: 1.5em;
			font-weight: bold;
			margin: 0 0 20px;
			padding: 3px 0;
			/*text-align: center;
			text-shadow: 0 0 3px #bbb;*/
			background:none !important;
			text-transform: uppercase;
			width: 100%;
		}
		div.objeto a.imagen{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 15px 0;
			padding:0;
		}	

		
			div.objeto a.imagen img{
				width:100%;
				float:left;
				margin:0;
				transition:transform 0.5s ease;
				
			}
				div.objeto a.imagen img:hover{
/*					transform:scale(1.05,1.05);
*/				}
			
			
		div.objeto .datos_imagen{
			float: left;
			margin: 15px 0 0;
			padding: 0;
			text-align: center;
			width: 20%;
			position:relative;
		}	
		div.objeto .datos_imagen div#marcaFicha{
			position:relative;
			float:left;
			width:100%;
			margin-bottom:15px;
		}
			div.objeto .datos_imagen div#marcaFicha:hover div.udefrontMarca{
					display:block;
			}		
			div.objeto .datos_imagen div#marcaFicha a.marca{
				width:100%;
				float:left;
				margin:0;
			}	
				div.objeto .datos_imagen div#marcaFicha a.marca img{
					/*width:auto;
					height:160px;*/
					max-width:100%;
					max-height:160px;
				}	
		
		div.objeto hr{
			border:none;
			border-top:1px solid #eee;
		}
						
		div.objeto .datos_objeto{
			width:75%;
			float:right;
			margin:10px 0 0 0;
			position:relative;	
			overflow:hidden;
		}	
			div.objeto .precio{
				float:left;
				margin:0;
				padding:0;
			}			
			
			div.objeto p.flecha{
				margin:5px 0 5px 0;
				padding:0;
				width:99%;
				float:left;
			}
			div.objeto .resumen{
				color: #72887e;
				font-size: 1.05em;
				letter-spacing: -0.2px;
				font-style:italic;
			}	
			div.objeto p.fecha{
				text-align:right;
			}		

	
			div.objeto div.descripcion{
				float:right;
				width:100%;
				margin:10px 0;
				padding:10px 0;
				border-top:1px solid #eee;
				overflow:hidden;
				font-size:1em;
			}
				div.objeto div.sinImagen{
					width:100%;
				}
				div.objeto div.descripcion a{
					transition:background 0.9s ease,color 0.7s ease;
				}
				
					div.objeto div.descripcion a:hover{
						text-decoration:none;
						background:#cccccc;
						color:#ffffff;
					}	
			

				div.objeto div.descuento_oferta_ficha span{
					font-size:0.6em;
				}
			
			div.objeto div.descripcion a img{
				float:left;
				margin:5px 5px; 
				padding:5px;
				transition:transform 0.5s ease;
			}
				div.objeto div.descripcion a:hover img{
/*					transform:scale(1.1,1.1);
*/				}
			div.objeto div.descripcion ul{
				width:100%;
				float:left;
				margin:3px 0 10px 0;
				padding:0;
				list-style-type:none;
			}
			div.objeto div.descripcion ul li{
				width:92%;
				float:left;
				margin:7px 0 7px 3%;
				padding:0 0 0 20px;
				background:url(../img/fondo_li.gif) top left no-repeat;
			}
			/*para dejarle poner algún estilo más*/
			div.objeto div.descripcion ul[style*="list-style-type"] li{
				background:none;
				padding:0 0 0 0;
			}
			
			div.objeto div.descuento_oferta_ficha{
				position: absolute;
				top: 0;
				right: 0;
				width: 130px;
				height:30px;
				padding:25px 0;
				background:#111111;
				z-index: 1000;
				transform:rotate(40deg);
				transform-origin: 100% 100%;
				/*box-shadow: 0 5px 5px rgba(200,200,200,0.9);*/
			}
					div.objeto div.descuento_oferta_ficha span{		
						color: #222;
						font-weight: bold;
						line-height: 0.9em;
						font-size:0.9em;
						position:absolute;
						top:38px;
						right:38px;	
						transform:rotate(-40deg);
					}
			
				div.objeto ul li label{
					color: #333333;
					float: left;
					height: auto;
					margin: 0;
					padding: 3px 0;
					width: 100%;
				}
				div.objeto ul li select{
					background: none repeat scroll 0 0 #eee;
					border: 1px solid #eee;
					color: #666;
					float: left;
					font-size: 0.9em;
					height: auto;
					margin: 0;
					padding: 3px;
					width: 175px;
				}
			
			/*******************************PRODUCTOS******************/
			#contenido_contenido div.objeto div.precio{
				/*background: none repeat scroll 0 0 #eee;
				border: 1px dashed #ddd;*/
				color: #666;
				float: left;
				font-size: 1.1em;
				height: auto;
				margin: 5px 0;
				padding: 5px 0;
				width: 100%;
			}
				#contenido_contenido div.objeto div.precio p.tachado{
					text-decoration: line-through;
					font-size:0.9em;
				}
				#contenido_contenido div.objeto div.precio strong{
					color: #666;
					float: left;
					font-weight: normal;
					margin: 0;
					padding: 4px 5px 0 0;
					width: auto;
				}
				#contenido_contenido div.objeto div.precio p.valor{
						color: #555;
						float: left;
						font-size: 1.1em;
						margin: 0;
						padding: 3px 7px 0 0;
						width: auto;
				}
				#contenido_contenido div.objeto div.precio p.oferta{
					color: #333333;
					float: left;
					font-size: 1.3em;
					letter-spacing: -0.2px;
					margin: -2px 0 0;
					padding: 1px 7px;
					width: auto;
					font-weight:bold;
				}
				#contenido_contenido div.objeto div.precio p.oferta strong{
					color:#333333;	
					font-size:0.8em;
				}
				
				
			#contenido_contenido div.objeto span.unidades{
				border-left: 2px solid #eee;
				color: #555;
				float: left;
				font-weight: normal;
				height: auto;
				margin: 0 0 0 10px;
				padding: 3px 0 3px 8px;
				width: auto;
			 }
				#contenido_contenido div.objeto span.unidades input.unidades{
					background: none repeat scroll 0 0 #eee;
					border: 1px solid #eee;
					color: #666;
					float: right;
					font-size: 1.2em;
					height: 26px;
					margin: 0 0 0 10px;
					padding: 0;
					text-align: center;
					transition: background 0.5s ease 0s;
					width: 37px;
				 }
					#contenido_contenido div.objeto span.unidades input.unidades:hover{
						background:	#72887e;
						color:#ffffff;
					}	 
			#contenido_contenido div.objeto a.comprar{
				background: url("../../carrito/img/carrito.png") no-repeat scroll left top rgba(0, 0, 0, 0);
				border: 0 none;
				display: block;
				float: left;
				font-size: 0;
				height: 37px;
				margin: -7px 0 0 6px;
				width: 50px;
			 }
				#contenido_contenido div.objeto a.comprar:hover{
						background: url("../../carrito/img/carrito_hover.png") no-repeat scroll left top rgba(0, 0, 0, 0);
				
				}
			 /*#contenido_contenido div.objeto a#comprar_productos{
				display:block;
				background:url(../img/carrito.png) top left no-repeat;
				width:auto;
				height:auto;
				margin:2px 0 0 10px;
				padding:3px 0 0 22px;
				float:left;
				border:0;
			 }
			  #contenido_contenido div.objeto a.consultar{
				display:block;
				background:url(../img/consulta.png) top left no-repeat;
				width:auto;
				height:16px;
				float:left;
				color:#000;
				padding:0 0 0 20px;
				text-decoration:none;
			 }*/
			 
			

/************************************* PRODUCTOS ******************************************/
#productos ul.opciones, #selector_productos, #selector_productos ul{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	/*border:1px dashed #cccccc;*/
}
	#productos ul.opciones li, #selector_productos ul li{
		width:32.33%;
		float:left;
		height:auto;
		margin:0 1% 10px 0;
		padding:0;
	}
		#productos ul.opciones li p.colores{
			width:auto;
			float:left;
			margin:0;
		}

					
/*****************************************************************************ETIQUETAS DEL CONTENIDO*/
			nav#base_etiquetas{
				border-top: 1px solid #ddd;
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
				width: 99%;
				display:none;
			}
				h2#cabeceraEtiquetas{
					color: #535151;
					display: block;
					float: right;
					font-size: 1.1em;
					font-weight: normal;
					margin: 20px 5px 0;
					padding: 0 1% 0 0;
					text-align: right;
					text-transform: lowercase;
					width: 98%;
					display:none;
				}
				
					nav#base_etiquetas a.etiqueta_contenido{
						border-bottom: 2px solid #f3f3f3;
						color: #999;
						display: block;
						float: left;
						font-size: 0.95em;
						margin: 2px 5px;
						padding: 0;
					}
					div.datos_imagen nav#base_etiquetas a.etiqueta_contenido{
						border-bottom: 2px solid #ffffff;	
					}
					nav#base_etiquetas span.separador{
						display:none;
						float:left;						
					}
					nav#base_etiquetas a.etiqueta_contenido:hover,
					div.datos_imagen nav#base_etiquetas a.etiqueta_contenido:hover{
						/*background:#cccccc;*/
						text-decoration:none;
						color:#172a5d;	
						border-bottom:2px solid #172a5d;
						
						/*font-style:italic;	*/			}					
			
			/*FIN ETIQUETAS DEL CONTENIDO*/