#espacioImagen {
	float:left;
	width:30%;
	height:300px;
}
	#espacioImagen h2 {
		float:left;
		display:none;
		margin-bottom:20px;
		width:100%;
	}
#espacioDatos {
	float:left;
	width:69%;
	margin-left:1%;
}
	#espacioTituloYCategoria {
		float:left;
		width:80%;
	}
		#aCategoria {
			text-transform:uppercase;
			font-size:11px;
		}
	#espacioPrecio {
		float:left;
		width:20%;
	}
		#precio {
			float:right;
			height:33px;
			line-height:33px;
			background-image:URL('../images/colitaPrecioArticulo.jpg');
			background-repeat:no-repeat;
			background-color:#000;
			color:#FFF;
			padding-left:22px;
			padding-right:13px;
			margin-top:15px;
		}
		#precioPor {
			float:right;
			font-size:12px;
			text-align:right;
			width:100%;
			padding-right:0px;
			margin-top:3px;
		}
	#espacioDescripcion {
		float:left;
		width:100%;
		margin-top:30px;
		font-size:14px;
	}
	#espacioCodigo {
		float:left;
		width:100%;
		margin-top:15px;
		font-size:14px;
	}
	#espacioMedida {
		float:left;
		width:100%;
		margin-top:5px;
		margin-bottom:10px;
		font-size:14px;
		text-align:right;
	}
		#espacioCodigo label, #espacioMedida label {
			color:#666;
		}
	#espacioBotonesGestion {
		float:left;
		width:100%;
	}
		.btnVerFichaTecnica {
			float:right;
			background:URL('../images/btnVerFichaTecnica.jpg') no-repeat;
			height:33px;
			width:176px;
			text-decoration:none;
		}
		.btnAgregarAlPedido {
			float:right;
			background:URL('../images/btnAgregarAlPedido.jpg') no-repeat;
			height:33px;
			width:176px;
			margin-left:10px;
			text-decoration:none;
		}
		.btnVerFichaTecnica:hover {
			background-position:bottom;
		}
		.btnAgregarAlPedido:hover {
			background-position:bottom;
		}
#espacioCategoria {
	float:left;
	width:100%;
	font-size:12px;
	margin-top:20px;
}


@media screen and (max-width:960px) {
	#espacioImagen img {
		width:100%;
	}
}
@media screen and (max-width:600px) {
	#espacioImagen img {
		width:40%;
	}
	#espacioImagen {
		width:100%;
		text-align:center;
		height:auto;
	}
	#espacioDatos {
		width:100%;
		margin-left:0;
	}
	#espacioTituloYCategoria h2 {
		display:none;
	}
	#espacioImagen h2 {
		display:inline;
	}
	.btnAgregarAlPedido {
		margin-bottom:5px;
	}
}




.divSeparadorLineaEnArticulo {
	border-bottom: dotted 1px #CCC;
	font-size: 0;
	margin: 20px 0;
	float:left;
	width:100%;
}

#sectionRelacionados {
	float:left;
	width:100%;
}


/*LISTADO*/
#articulos {
	float:left;
	width:100%;
	margin-top:20px;
	height:150px;
}
	.articulo {
		float:left;
		width:49%;
		margin:0 0.5% 30px 0.5%;
	}
	.articuloImagen {
		float:left;
		width:100px;
		height:130px;
	}
	.articuloDatos {
		float:left;
		width:340px;
		margin-left:10px;
	}
		.articuloNombre {
			float:left;
			width:100%;
			/*height:24px;*/
		}
		.articuloBotones {
			float:left;
			width:100%;
			height:33px;
		}
		.articuloCategoria {
			float:left;
			width:100%;
			height:19px;
		}
		.articuloPresentacion {
			float:left;
			width:100%;
			height:18px;
		}
		.articuloPrecio {
			float:left;
			width:100%;
			height:36px;
			margin-top:5px;
		}
		.articuloPrecio small {
			font-size:10px;
		}
		.articuloNombre {
			
		}
		.articuloCategoria {
			font-size:10px;
			color:#06C;
			text-decoration:underline;
		}
		.articuloPresentacion {
			font-size:12px;
		}
		.articuloPrecio {
			
		}
			.articuloEtiquetaPrecio {
				float:left;
				height:30px;
				line-height:30px;
				padding:0 10px 0 16px;
				font-size:15px;
				color:#FFF;
				background:URL('../../../templates/default/images/colitaPrecio.jpg') no-repeat #999;
			}
		
		.btnVerArticulo {
			float:left;
			width:136px;
			height:33px;
			background:URL('../../../templates/default/images/btnVerArticulo.png') no-repeat;
			margin-right:10px;
		}
		.btnVerArticulo:hover {
			background-position:bottom;
		}
		.btnAgregar {
			float:left;
			width:108px;
			height:33px;
			background:URL('../../../templates/default/images/btnAgregar.png') no-repeat;
		}
		.btnVerArticulo:hover, .btnAgregar:hover {
			background-position:bottom;
		}
@media screen and (max-width:640px) {
	#txtBuscarEnCategoria {
		width:90%;
		margin:0 0 5px 0;
	}
	.articulo {
		float:left;
		width:100%;
		margin:0 0 30px 0;
	}
	.articuloImagen {
		float:left;
		width:30%;
		margin:0;
	}
	.articuloDatos {
		float:left;
		width:70%;
		margin:0;
	}
}
@media screen and (max-width:400px) {
	#txtBuscarEnCategoria {
		width:auto;
	}
	#franjaTitulo {
		float:left;
		width:100%;
	}
	#franjaBuscador {
		float:left;
		width:100%;
		text-align:center;
	}
	.articulo {
		float:left;
		width:100%;
		margin:0 0 30px 0;
		padding-top:30px;
		border-top:solid 1px #CCC;
	}
	.articuloImagen {
		float:left;
		width:100%;
		margin:0;
		text-align:center;
	}
	.articuloDatos {
		float:left;
		width:100%;
		margin:0;
		text-align:center;
	}
		.articuloNombre {
			height:auto;
		}
}
/*FIN LISTADO*/