* {
	margin: 0px;
	padding: 0px;
}
#contenedor {
	background: url(ssw/images/nuestros-clientes-renova/fondo.gif) top left repeat-y;
	width: 548px;
}
#cabecera {
	width: 548px;
	height: 63px;
	margin-top: 0px;

}
#contenido {
	width: 533px;
	margin-left: 7px;
}
#contenido ul li {
display: block;
	float: left; /* Flotar elementos hacía la izquierda, existen dos tipos float: left; o float: right; */
	width: 157px;
	height: 210px;
	margin-left: 17px; 
	margin-bottom: 15px;
	list-style: none;	
	overflow: hidden;
}
#contenido ul li h2 {
	color: #db0009;
	font-weight: bold; /* Negrita */
	font-family: arial, verdana;
	text-indent: 16px;
	background: url(ssw/images/nuestros-clientes-renova/lista.gif) top left no-repeat;
}
#contenido ul li h2 a {
	font-size: 10px !important;
}
#contenido p {
	font-size: 11px;
	font-family: arial, verdana;
}
#contenido a:link {
	color: #db0009;
	text-decoration: none;
}
#contenido a:hover {
	color: #f0b101 !important;
}
#contenido a:visited {
	color: #db0009;
}
#contenido a:active {
	color: #f0b101;
}
#pie {
	background: url(ssw/images/nuestros-clientes-renova/fin.gif);
	width: 548px;
	height: 17px;
	clear: both; /* Los float se deben limpiar siempre o sino se provocaría una superposición de elementos, para ellos se ocupa clear: sus valores son: left, right, both. Este ultimo es el mejor por que siempre te vas a la segura */
	float: none; /* Es un complemento del anterior es para que funcione en todos los navegadores */
}