/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> BACKGROUND IMAGE <<<-----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*
Proceso de imagen única.
Proceso que incluye un texto y una foto de fondo, el texto se puede
colocar a la izquierda, a la derecha o arriba, dependiendo de los
estilos que se le den al contenedor de texto de la sección.
*/

#seccion { float:left; width:100%; padding: 20px 0 0; background: no-repeat right top; }

/*Párrafos de texto, se les da una dimensión para posicionarlos a nuestro gusto*/

#seccion .text {
	float:left;
	width: 300px;
	padding: 20px 20px;
	margin: 0 20px 20px 20px;
	display:inline;
	background:#ebebeb;
	border-right:2px solid #41bfd1;
	}
	
#seccion .text p { color:#000;}