#franjaTitulo {
	float:left;
	width:70%;
}
#franjaBuscador {
	float:left;
	width:30%;
	text-align:right;
}
	#txtBuscarEnCategoria {
		margin:0 0 5px 0;
	}


/*LISTADO*/
#articulos {
	float:left;
	width:100%;
	margin-top:20px;
}
	.articulo {
		float:left;
		width:49%;
		margin:0 0.5% 30px 0.5%;
		height:150px;
	}
	.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;
			margin-bottom:5px;
		}
		.articuloPrecio {
			float:left;
			width:100%;
			height:36px;
		}
		.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;
			}
			.articuloEtiquetaPrecio small {
				font-size:10px;
			}
		
		.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*/


/*PAGINADO*/
#paginado {
	float:left;
	width:100%;
	text-align:center;
	
}
a.paginaDelPaginado {
	padding:7px 14px;
	display:inline-block;
	text-decoration:none;
	color:#6a29b9;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
a.paginaDelPaginado:hover {
	background-color:#c9dde9;
}
a.paginaDelPaginadoActual {
	padding:7px 14px;
	display:inline-block;
	text-decoration:none;
	border:solid 1px #c9dde9;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	color:#000;
}
a.paginaDelPaginadoActual:hover {
	background-color:none;
}
a.paginaDelPaginadoFlechas {
	padding:7px 14px;
	display:inline-block;
	text-decoration:none;
	color:#6a29b9;
	border:solid 1px #c9dde9;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
a.paginaDelPaginadoFlechas:hover {
	background-color:#c9dde9;
}
/*FIN DE PAGINADO*/